/**
 * =============================================================================
 * Anpassungen in diese Datei - Adjustments to this file
 * ==========================================================================
 */

/* fuer alle Geraete-Klassen */

* {
    margin: 0 ;
}

html {
    background: #C9C9D2;
}
.top100rot {
  margin-top : 100px;
  background-color: #8C0F2E !important;
}
body {
    /*cursor: url(/files/cts-theme/LSO/cursorPoint.png), auto; */
    font: "Regola", sans-serif;
    font-size: calc(1*(1.7vw));
    line-height: 1.2;
    text-underline-offset: 0.25em; 
}

.contao-cookiebar input+label:before {
    top: 7px;
    left: 0;
    width: 35px !important;
    height: 18px !important;
    margin: 0;
    box-sizing: content-box;
    background: var(--ccb-unchecked-bg) !important;
    border: 1px solid var(--ccb-unchecked-clr) !important;
    transition: border-color .2s;
}
.contao-cookiebar .highlight .success {
    --ccb-btn-bg: #8C0F2E;
    --ccb-btn-bg-hvr: #A86475;
    --ccb-btn-bdr: #3e7830;
    --ccb-btn-clr: #fff;
}
.contao-cookiebar .highlight .success {
    --ccb-btn-bg: #8C0F2E;
    --ccb-btn-bg-hvr: #A86475;
    --ccb-btn-bdr: #3e7830;
    --ccb-btn-clr: #fff;
    }
.contao-cookiebar {
    --ccb-unchecked-clr: #ccc;
    --ccb-checked-clr: #8C0F2E ;
    --ccb-disabled-clr: #c8c7c5;
}
.contao-cookiebar input:checked+label:before {
    background: var(--ccb-checked-bg);
    border-color: var(--ccb-checked-clr);
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Regola", sans-serif;
 
}

#header {
    /*position: fixed;*/
    width: 100%;
    min-height: 100px;
    z-index: 10000;
}

#header .container {
    height: 100px;
}

.ce_image.logo {
    width: 45%;
    max-width: 45%;
}

.ce_image.logo img {
    width: 45%;
    left: 20px;
    position: relative;
}
.ce_download[class*=bg-] .inner {
    padding: 20px 30px;
}


#main li {
    
  list-style-type: "—  "; /* Entfernt die standardmäßigen Punkte */
  /*padding-left: 0; /* Entfernt den Standard-Einzug für Listen */
  list-style-position: outside !important;
 /*margin-left:8px;*/
}
/*
/*#main li::before {
  /*content: "—"; /* Fügt einen Bindestrich vor jedem Listenelement ein */
 /* margin-right: 8px; /* Abstand zwischen Bindestrich und Text */
/*}*/

#main img {
    min-width: 100%;
    height: auto;
}
/*
.inner a {
    color: #000;
    
}
*/

a {
    color: #000;
}

a:hover {
    opacity: 0.6;
    color: #000;
}
.hyperlink_txt:hover {
    opacity: 0.6 !IMPORTANT ;
    
}
    .ce_form .widget-checkbox span, .ce_form .widget-radio span {
        width: 49%;
        display: inline-flex;
    }
.legend {
    width: 50%;
    display: inline-flex;
    font-weight: 700;
    border: 0;
}
/*a {
    text-underline-offset: 0.3em; 
}*/

#container {
    /*margin-top: 2%;*/
    color: #000;
    /*padding-top: calc(100px + 0vh);*/
}
.handorgel__header__button {
    padding-left: 30px;
}
.handorgel__content--opened .handorgel__content__inner {
    opacity: 1;
    transition: opacity .3s ease;
    padding-left: 30px;
    padding-right: 30px;
}
/*
.fraktionen #container, 
.fraktionen p,
.fraktionen h1, 
.fraktionen h2, 
.fraktionen h3, 
.fraktionen h4, 
.fraktionen h5, 
.fraktionen h6 {
      color:black;
}
*/
/* Mitgliedschaftsseiten */
.menuMitgliedschaft p,
.menuMitgliedschaft #container, 
.menuMitgliedschaft h1,
.menuMitgliedschaft a.hyperlink_txt,
/* .menuMitgliedschaft .inner a, */
.menuMitgliedschaft h2,
.menuMitgliedschaft h3,
.menuMitgliedschaft h2.handorgel__header,
.menuMitgliedschaft .handorgel__content,
.menuMitgliedschaft .handorgel__header__button,
.menuMitgliedschaft .select,
.menuMitgliedschaft .ce_form, 
/* .menuMitgliedschaft p.back:hover, */
.menuMitgliedschaft p.back,
.menuMitgliedschaft .widget-select select
    {
    color:#8C0F2E !important;   
    background-color: #C9C9D2 !important;
    }
.menuMitgliedschaft p.back a
/* .menuMitgliedschaft p.back:hover a */
    {
    font-size: 18px;
    color: #8C0F2E!important;
    background-color: #C9C9D2 !important;
    padding: 0;
    text-decoration: underline;
    }


.menuMitgliedschaft h2.handorgel__header,
.menuMitgliedschaft .handorgel__header__button {
    padding-bottom: 0;
    border-bottom: 0px solid #8C0F2E;
    border-top: 1px solid #8C0F2E;
    background-image: url(/files/cts-theme/LSO/Icons/Pfeil__nachunten_rot.svg) !important;
    background-position: 98%;
    background-size: 6.5%;
}
.menuMitgliedschaft h2.handorgel__header,
.menuMitgliedschaft .handorgel__header__button {
    padding-bottom: 0;
    border-bottom: 0px solid #8C0F2E;
    border-top: 1px solid #8C0F2E;
    background-image: url(/files/cts-theme/LSO/Icons/Pfeil__nachunten_rot.svg) !important;
    background-position: 98%;
    background-size: 6.5%;
}
.menuMitgliedschaft h2.handorgel__header:hover,
.menuMitgliedschaft .content-accordion .handorgel__header .handorgel__header__button:hover {
    color: #A86475 !important;
    background-image: url(/files/cts-theme/LSO/Icons/Pfeil__nachunten_rose.svg) !important;
}
.menuMitgliedschaft .handorgel__header--opened .handorgel__header__button {
    color: #fff;
    background-color: #8C0F2E;
    background-image: url(/files/cts-theme/LSO/Icons/Pfeil__nachoben_rot.svg) !important;
    border-bottom: 0px solid #8C0F2E !important;
    border-top: 1px solid #8C0F2E;
}

.menuMitgliedschaft input[type="text"],
.menuMitgliedschaft input[type="date"], 
.menuMitgliedschaft input[type="email"], 
.menuMitgliedschaft input[type="number"], 
.menuMitgliedschaft input[type="tel"], 
.menuMitgliedschaft input[type="url"],
.menuMitgliedschaft input[type="select"], 
 {
    outline: 0;
    background: #C9C9D2;
    border-color: #C9C9D2;
    border-bottom: 1px solid #8C0F2E !important;
}


input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
   
    border: #8C0F2E;
    background: #C9C9D2;
    margin-right: 1em;
    
    
}

.menuMitgliedschaft input[type='checkbox']:checked + label::before,
{
   
    border: #8C0F2E;
    background: #8C0F2E !IMPORTANT;
    margin-right: 1em;
    
    
}
.menuMitgliedschaft  .radio_container label:before, 
.menuMitgliedschaft input[type="checkbox"] + label::before {
 color: #8C0F2E;   
 border: 2px solid #8C0F2E;
}

.menuMitgliedschaft  input[type="radio"]:checked + label::before, 
 {
 background-color: #8C0F2E !important;   
}
.menuMitgliedschaft /*.ce_form,*/ .widget-select select{
 box-shadow:  1px 1px #8C0F2E !important;    
}
.menuMitgliedschaft .mod_eventlist, .layout_upcoming time {
    display:contents !important;
    margin-bottom: 6px;
    
} 
/* Events im Bereich Mitgliedschaft */
.menuMitgliedschaft .mod_eventlist [class*=layout_] {
   padding-bottom: 10px;
   
   line-height:1.35em;
    border-bottom: 1px solid #8C0F2E;
    clear: both;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.menuMitgliedschaft input[type="checkbox"] + label::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 2px solid #8C0F2E !important;
    /*border-radius: 3px;*/
    margin-right: 8px;
    /*background-color: transparent !important;*/
}
.menuMitgliedschaft form button, input[type=submit], .button {
    
    border: 1px solid #8C0F2E; 
   
 
}

.menuMitgliedschaft  a
{
   color: #8C0F2E !important;  
}
.menuMitgliedschaft .footerAddress p,
.menuMitgliedschaft .footerAddress a
{
   color: #000 !important;  
}
.menuMitgliedschaft .content-accordion {
  border-bottom: 1.5px solid #8C0F2E;
}


.termin {
   min-width:15%; 
   float:left;
   font-size:0.9em;
   padding-right: 30px;
   
}
.thema {
    position: relative;
    float:left;
    width: 60%;
    font-size: 1.3em !important; 
    
    
}
.ort {
  /* float:left; */
    min-width:25%;
    font-size:0.9em;
    text-align: right;
  
}


.widget label .mandatory {
    color: #8C0F2E;
}
.widget.widget-radio legend .mandatory {
    color: #8C0F2E;
    display:contents;
}
#main .mod_article .ce_sliderStart,
#main .mod_article [class*="ce_"], 
#main .mod_article > [class*="mod_"] {
  line-height: 1.35;
}

@font-face {
    font-family: "Regola";
    src:url(/files/cts-theme/LSO/fonts/FTRegolaNeue-Regular.otf) format("opentype");
}
@font-face {
    font-family: "RegolaMedium";
    src:url(/files/cts-theme/LSO/fonts/FTRegolaNeue-Medium.otf) format("opentype");
}

.lauftext1 {
    font-size: calc(1*(1.7vw));
}

.lauftext2 {
    font-size: calc(0.6*(1.7vw));
}

/*p.back {
    color: #8C0F2E;
    font-size: 18px;
    background-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-radius: 17px;
    border-color: #8C0F2E;
    padding-left: 13px;
    padding-top: 3px;
    width: 110px;
    height: 34px;
    display: block !important;
    z-index: 5;
}*/

p.back a {
    font-size: 0.8em;
    color: #000 !important;
    background-color: #fff !important;
    padding: 0;
}

/*p.back:hover, 
p.back:hover a {
    color: #fff;
    background-color: #8C0F2E;
    opacity: 1;
}*/

p.back:hover, 
p.back:hover a {
    color: #000 !important;
    background-color: #fff !important;
    text-decoration: underline;
}

/*p.back a, p.more a {
    color: #8C0F2E;
    padding: 1px 14px;
    background-color: #fff;
}*/

/*p.back, p.more a {
    position: relative;
    display: inline-block;
    color: #333;
    background-color: #C9C9D2;
    text-decoration: none;
    padding-bottom: 2px;
}

p.back::before , p.more a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #333;
    transition: width 0.3s ease;
}

p.back:hover::before , p.more a:hover::before { {
    width: 100%;
}*/
.handorgel__header__button {
    border-top: 0px solid #fff;
}
.bg-rot .handorgel__header__button {
    border-top: 0px solid #fff;
}

.radio_container label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #000 !important;
    border-radius: 50%;
    background-color: transparent;
    transition: background-color 0.2s;
}
.handorgel__content .radio_container label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #fff !important;
    border-radius: 50%;
    background-color: transparent;
    transition: background-color 0.2s;
}

.radio_container input[type="radio"]:checked + label::before {
    background-color:#8C0F2E !important;
}
.handorgel__content .radio_container input[type="radio"]:checked + label::before {
    background-color: #fff;
}
.ce_wrapper.top {
    display: none;
}

.headercontainer {
    border-bottom: 0px;
    box-shadow: 0px 5px 5px #eee;
}

.headercontainer .inside {
    max-width: 100%;
}

.mod_article.container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}

.myClass p {
    color: #ff0000;
}

/*.mainmenu {
    margin-top: -22px;
    position: absolute;
    left: 380px;*/
}

.metamenu {
    margin-top: -23px;
}

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

.mainmenu_left {
  position: absolute;
  margin-left: 25%;
  bottom: 39px;
}

.mainmenu_left.block {
  overflow: visible;
}

.mainmenu ul li ul li {
    display: flex;
}

.mainmenu ul>li a, .mainmenu ul>li strong {
    text-transform: capitalize;
}

.mainmenu ul > li a, 
.mainmenu ul > li strong, 
.mainmenu ul ul > li a, 
.mainmenu ul ul > li strong {
    font-size: calc(0.7*(1.7vw));
    padding 6px 10px;
}

.mainmenu a.trail,
.mainmenu li.trail,
.mainmenu li.active {
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-decoration-color: 8C0F2E;
}

.mainmenu ul > li .menuMitgliedschaft.active,
.mainmenu ul > li a.menuMitgliedschaft, 
.mainmenu ul > li .menuLinks.active, 
.mainmenu ul > li a.menuLinks {
    font-size: 14px;
    padding: 6px 7px;
}

.mainmenu ul li.submenu a::after, 
.mainmenu ul li.submenu strong::after {
    content: none;
}

.mainmenu li a::before {
    content: "";
    position: absolute;
    left: 10px;
    bottom: 5px;
    width: 0;
    height: 1px;
    background-color: #8C0F2E;
    transition: width 0.5s ease;
}

.mainmenu li a:hover::before {
    width: calc(100% - 20px);
}

.mainmenu .level_2 li a::before {
    content: "";
    position: absolute;
    left: 20px;
    bottom: -2px;
    width: 0;
    height: 1px;
    background-color: #8C0F2E;
    transition: width 0.5s ease;
}

.mainmenu .level_2 li a:hover::before {
    width: calc(100% - 40px);
}

.metamenu.mainmenu {
    position: absolute;
    display: flex;
    bottom: 39px;
    right: 30px;
}

.metamenu li a::before {
    content: "";
    position: absolute;
    left: 5px;
    bottom: 7px;
    width: 0;
    height: 1px;
    background-color: #8C0F2E;
    transition: width 0.5s ease;
}

.metamenu li a:hover::before {
    width: calc(100% - 10px);
}

/*.mainmenu li a:hover {
    opacity: 0.6;
    text-decoration: underline !important;
}*/

.mainmenu li:hover ul.level_2 {
    box-shadow: 0 0 0px rgba(f, f, 0, 0.2) !important;
}

.mainmenu ul ul, .mainmenu ul ul ul {
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.2) !important;
}

.mainmenu ul ul li {
  border-bottom: 0px solid rgba(0, 0, 0, 0.07);
}

.mainmenu ul ul > li a, .mainmenu ul ul > li strong {
  padding: 2px 20px;
}

.mainmenu li:hover ul.level_2 {
  margin-left: -7px;
  padding-bottom: 10px;
}

.mobile {
    display: none;
}

/*.mod_customnav {
    position: absolute;
    right: 20px;
}
*/


.mainmenu ul > li .menuMitgliedschaft.active, 
.mainmenu ul > li a.menuMitgliedschaft, 
.mainmenu ul > li .menuLinks.active, 
.mainmenu ul > li a.menuLinks {
    font-size: calc(0.55*(1.7vw));
}

.mod_quicknav {
    margin-left: 15px;
}

.mobile_menu #mainmobil li > strong.trail, 
.mobile_menu #mainmobil li > a.trail, 
.mobile_menu #mainmobil li > strong.active {
    color: #fff;
}

.mobile_menu #mainmobil li > strong.active {
    background: none;
    opacity: 0.5;
}

.mobile_menu #mainmobil .level_1 li > a, 
.mobile_menu #mainmobil .level_1 li > strong {
    font-size: calc(2.2*(1.7vw));
}

#mainmobil .level_2 strong, 
.mobile_menu #mainmobil .level_2 li > a {
    font-size: calc(1.7*(1.7vw)) !important;
}

li.submenu_hide > a::before, 
li.submenu_show > strong::before {
    font-size: calc(1.5*(1.7vw)) !important;
}

.mobile_menu_trigger .nav-mobile i {
  background-color: #fff;
  color: #8C0F2E;
  font-size: 32px;
}

.mobile_menu .inner {
  background: #8C0F2E;
}

.mobile_menu #mainmobil li > a, .mobile_menu #mainmobil li > strong {
  border-bottom-width: 0px;
}

#mainmobil { 
  border-top-width: 1px;  
  border-top-style: solid;
  border-color: #fff;
}

#mainmobil ul li { 
  border-bottom-width: 1px;  
  border-bottom-style: solid;
  border-color: #fff;
}

#mainmobil ul li ul li {
    border-bottom-width: 0px;
}

.mobile_menu {
    width: 100vw !important;
    max-width: 100%;
    top: 100px !important;
    padding-bottom: 100px;
}

.mobilenav.top a, 
.mobilenav.bottom a {
    color: #fff !important;
}
/*
.menuMitgliedschaft .mobilenav.top a, 
.menuMitgliedschaft .mobilenav.bottom a {
    color: #fff !important;
}
*/
.mobilenav.top {
    height: 70px;
    margin-top: 10px;
}

.mobilenav.top li.termine a, 
.mobilenav.top li.termine strong {
    float: left;
    color: #000;
    position: relative;
    top: 7px;
    left: 10px;
    margin-left: 15px;
    width: 22px;
    height: 24px;
    background: url('/files/cts-theme/LSO/Icons/klender_weiss.svg') no-repeat center center;
    text-indent: -9999px;
}

.mobilenav.top li.termine a, 
.mobilenav.top li.termine strong {
    float: left;
    color: #000;
    position: relative;
    top: 7px;
    left: 10px;
    margin-left: 15px;
    width: 22px;
    height: 24px;
    background: url('/files/cts-theme/LSO/Icons/klender_weiss.svg') no-repeat center center;
    text-indent: -9999px;
}



.mobilenav.top li.lupe a, 
.mobilenav.top li.lupe strong{
    float: left;
    color: #000;
    position: relative;
    top: 7px;
    left: 5px;
    margin-left: 15px;
    width: 20px;
    height: 22px;
    background: url('/files/cts-theme/LSO/Icons/lupe_weiss.svg') no-repeat center center;
    text-indent: -9999px;
    padding-bottom: 50px;
}

.mobilenav.top li.user a, 
.mobilenav.top li.user strong {
    float: left;
    color: #000;
    position: relative;
    top: 7px;
    left: 15px;
    margin-left: 15px;
    width: 20px;
    height: 22px;
    background: url('/files/cts-theme/LSO/Icons/login_weiss.svg') no-repeat center center;
    text-indent: -9999px;
}

.mobilenav.bottom {
    margin-top: 25px;
    margin-left: 20px;
}

.mobilenav.bottom li {
    margin-bottom: 10px;
}

.mobilenav.bottom a {
    text-decoration: none;
}

.mobilenav.bottom .active strong {
    text-decoration: underline;
    font-weight: 100;
}
.mobile_menu #mainmobil li>a, .mobile_menu #mainmobil li>strong {
    color: #fff !important;
}

#hamburger {
    position: relative;
    height: 60px;
    width: 60px;
    background: url('/files/cts-theme/LSO/Icons/hamburger.svg') no-repeat center center;
}

.nav-mobile {
    position: relative;
    background: url('/files/cts-theme/LSO/Icons/hamburger.svg') no-repeat center center;
}

.nav-mobile i {
    background: url('/files/cts-theme/LSO/Icons/hamburger.svg') no-repeat center center;
}

#lsoButton {
    position: absolute;
    bottom: 15%;
    top:0px;
    width: 100%;
    max-height: 14%;
}

#btnLSO {
   /*position: absolute;
   bottom: 20%;*/
   /*left: 41%;*/
   position: relative;
   top: 30%;
   margin: 0 auto;
   max-width: 12%;
   min-height: 12%;
   max-height: 12%;
   z-index: 5;
   background-image: url("/files/cts-theme/LSO/btnLSO.png");
   background-size: 100%;
   background-position: 100%;
}
 
#btnLSO:hover {
   background-image: url("/files/cts-theme/LSO/btnLSOHover.png");
}

button {
    font-family: "Regola" !important; 
}

.mod_article, .container {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
   
}




.slider-menu, 
.meta_box, 
 .authorbox, 
.mod_newsreader .info,
.slider-control {
   display: none !important;
}

p.back a, p.more a {
    font-size: 1em;   
    display: inline-block;
    padding: 8px 0px;
    background-color: #f4f4f4;
    text-decoration: underline;
}
p.info {
    padding: 0 0 20px 0 !important;
    /* border-bottom: 1px solid #e3e3e3; */
}
.mod_newsreader  .info{
   display: inline !important;
}
.col-md-6 {
    /*max-width: calc(25% - 4px);*/
}

.mod_newslist {
    padding-right: 10px;
}

.mod_newslist .block3 .layout_latest_cts.block3 {
    max-width: 25%;
}
  
#startNews, 
#startThemen {
  /*  padding-left: 30px;
    padding-right: 30px; */
}

#startNews p, 
#startThemen p {
    display: none;
}
.date-mini{
    font-size:0.8em;
}

#startNews .text_box, 
#startThemen .text_box {
    padding-top: 20px;
}

#startNews .mod_newslist.block {
   /* max-height: 380px;*/
}

/* #startNews .mod_newslist.block, 
#startThemen .mod_newslist.block {
    overflow: visible !important;
} */

#startNews .mod_newslist.block a, 
#startThemen .mod_newslist.block a {
    text-decoration:none;
}

#startNews .mod_newslist.block a:hover, 
#startThemen .mod_newslist.block a:hover {
    text-decoration: underline;
}

#startNews .outside, 
#startThemen .outside {
    border: 0;
}

#startNews .outside, 
#startThemen .outside {
    border: 0;
}

#startThemen .col-12, 
#startThemen .col-sm-12, 
#startThemen .col-md-6, 
#startThemen .col-lg-4 {
    padding-right: 15px;
}
/* Themen Archiv */
.archiv {
     display: inline !important;
    line-height: 2em;
    
}
#archiv-link {
    position:abolute !important;
 margin-top:0px !important;
    text-align: right;
    z-index:0;
    
}
.spacer {
    padding-right:1.5em; 
    padding-left:0em !important;
}
.bg-grau .container-fluid {
    padding-left: 0px ;
    padding-top:20px !IMPORTANT;
}
.mod_article .bg-grau .container-fluid .block {
    width: 100%;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    padding-top:20px !IMPORTANT;
    padding-bottom: 20px !IMPORTANT;
}
.mod_newsarchive [class*=layout_], .mod_newslist [class*=layout_] {
    margin-bottom: 10px;
    padding-bottom: 20px;
    border-bottom: 0px solid #000;
}


.bg-grau .pagination ul span, .pagination ul a {
  background-color: #C9C9D2;
    
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 0px;
}

.layout_latest_cts.block3 .text_box {
    padding: 0;
}

.schulblatt #flagSchulblatt {
    color: #8C0F2E;
    font-size: 18px;
    background-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-radius: 17px;
    border-color: #8C0F2E;
    padding-left: 13px;
    padding-top: 3px;
    width: 110px;
    height: 34px;
    display: block !important;
    position: absolute;
    top: -20px;
    right: 40px;
    z-index: 5;
}
.socialmedia #flagSocialMedia {
    color: #8C0F2E;
    font-size: 18px;
    background-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-radius: 17px;
    border-color: #8C0F2E;
    padding-left: 13px;
    padding-top: 3px;
    width: 140px;
    height: 34px;
    display: block !important;
    position: absolute;
    top: -20px;
    right: 40px;
    z-index: 5;
}
.verband #flagVerband {
    color: #8C0F2E;
    font-size: 18px;
    background-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-radius: 17px;
    border-color: #8C0F2E;
    padding-left: 13px;
    padding-top: 3px;
    width: 99px;
    height: 34px;
    display: block !important;
    position: absolute;
    top: -20px;
    right: 40px;
    z-index: 5;
}
.fraktionen #flagFraktionen {
    color: #8C0F2E;
    font-size: 18px;
    background-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-radius: 17px;
    border-color: #8C0F2E;
    padding-left: 13px;
    padding-top: 3px;
    width: 115px;
    height: 34px;
    display: block !important;
    position: absolute;
    top: -20px;
    right: 40px;
    z-index: 5;
}
.veranstaltungen #flagVeranstaltungen {
    color: #8C0F2E;
    font-size: 18px;
    background-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-radius: 17px;
    border-color: #8C0F2E;
    padding-left: 13px;
    padding-top: 3px;
    width: 162px;
    height: 34px;
    display: block !important;
    position: absolute;
    top: -20px;
    right: 40px;
    z-index: 5;
}
.handorgel__content, 
.handorgel__header__button {
    color: #fff;
  background-color: #8C0F2E;
}
.grau .handorgel__content .handorgel__header__button {
    color: #fff;
  background-color: #eee;
}
.weiss .handorgel__content .handorgel__header__button {
    color: #000 !important;
  background-color: #fff !important;
}
h2.handorgel__header {
    padding-bottom: 0;
    border-top: 2px solid #8C0F2E;
    
}
handorgel__header--open, .handorgel__header--opened {
   margin-top: -2px; 
    }


h2.handorgel__header  .grau {
    background-color: #C9C9D2 !important;
}
h2.handorgel__header  .bg-weiss {
    background-color: #C9C9D2 !important;
    border-top: 0px solid ;
}
.grau #container
 {
    background-color: #C9C9D2 !important;
    
}
  
.grau p.back:hover
 {
    background-color: #C9C9D2 !important;
    text-decoration: underline;
}
  
.grau p.back a,
.grau p.back:hover a,
 .grau  #container a
    {
    font-size: 1em;
    color: #000!important;
    background-color: #C9C9D2 !important;
    padding: 0;
    text-decoration: underline;
    }

/* .handorgel__header__button {
    padding-top: 5px;
    padding-bottom: 5px;
}*/

.content-accordion .handorgel__header__button {
    background-image: url("/files/cts-theme/LSO/Icons/Pfeil__nachunten_weiss.svg");
    background-position: 98%;
    background-size: 6.5%;
}
.bg-weiss .handorgel__header__button {
    background-image: url("/files/cts-theme/LSO/Icons/Pfeil__nachunten_rot.svg");
    background-position: 98%;
    background-size: 6.5%;
}
.bg-weiss .handorgel__header__button:hover {
    background-image: url("/files/cts-theme/LSO/Icons/Pfeil__nachunten_rose.svg");
    background-position: 98%;
    background-size: 6.5%;
}
/* .menuMitgliedschaft .handorgel__header__button {
    background-image: url("/files/cts-theme/LSO/Icons/Pfeil__nachunten_weiss.svg");
    background-position: 98%;
    background-size: 10.5%;
}
*/
.content-accordion .handorgel__header--opened .handorgel__header__button {
    background-image: url("/files/cts-theme/LSO/Icons/Pfeil__nachoben_weiss.svg");
    background-position: 98%;
}
.bg-weiss.fluidLink .inner a {
    color: #8C0F2E!IMPORTANT;
}
.bg-weiss .inner a {
    color: #fff !IMPORTANT;
}
/* .handorgel__header__button {
  border-top: 1px solid #fff;
}*/

/* #handorgel1-fold1-header .handorgel__header__button {
  border-top: 0px solid #fff;
}*/

/*.content-accordion {
  border-bottom: 0px solid #eee;
}*/

/*bg-rot Formatierungen */
.bg-rot {
    color: #fff;
    background-color: #8C0F2E;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  padding-bottom: 20px;
}
h6 {
    text-align: right;
     font-weight: normal;
}
.bg-rot h1, 
.bg-rot h2,  
.bg-rot h3, 
.bg-rot a {
    color: #fff !important;
}

bg-rot, .container-fluid {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

/*bg-grau Formatierungen */
.bg-grau {
    color: #000;
    background-color: #C9C9D2;
    max-width:none;
}
.bg-grau .ce_headline {
    padding-top: 20px;
}
.bg-grau .inner{
 padding-bottom:20px;   
}
.bg-grau h1, 
.bg-grau h2,  
.bg-grau h3, 
.bg-grau a {
    color: #000;
}

/*bg-weiss Formatierungen */
.bg-weiss {
    color: #8C0F2E;
    background-color: #fff;
}
/*
.bg-weiss a {
    color: #fff;
}
*/
.bg-weiss .headline {
    color:#fff;
}
.bg-weiss .handorgel__header__button{
    color: #8C0F2E;
    background-color: #fff;
}

/*.bg-weiss .handorgel__content {
  background-color: #C9C9D2 !important;
}*/

.bg-weiss .content-accordion .handorgel__header__button {
    background-image: url("/files/cts-theme/LSO/Icons/Pfeil__nachunten_rot.svg") !important;
    background-size: 6.5%;
}

/*.bg-weiss .content-accordion .handorgel__header--opened .handorgel__header__button {
    background-image: url("/files/cts-theme/LSO/Icons/Pfeil__nachoben_rot.svg") !important;
}*/

.bg-weiss .handorgel__header__button:hover {
    color: #fff;
    background-color: #8C0F2E;
    background-image: url("/files/cts-theme/LSO/Icons/Pfeil__nachunten_rose.svg") !important;
    margin-top:-2px;
}

.bg-weiss .handorgel__header--opened .handorgel__header__button{
    color: #fff;
    background-color: #8C0F2E;
    background-image: url("/files/cts-theme/LSO/Icons/Pfeil__nachoben_weiss.svg") !important;
}
/*
.bg-weiss, .content-accordion, .bg-weiss, .container-fluid a {
 color: #fff;   
}
*/
.handorgel__content {
    border-top: 0px solid #8C0F2E;
}

.bg-weiss h1, 
.bg-weiss h2,  
.bg-weiss h3, 
.bg-weiss a  {
    color: #8C0F2E;
}
.bg-weiss .inner a  {
    color: #fff;
}

.fraktionen  h3 
/*.bg-weiss a */ {
    color: #fff !important;
}


.bg-beige {
    color: #8C0F2E;
    background-color: #F8E5D3;
}

.bg-beige h1, 
.bg-beige h2,  
.bg-beige h3, 
.bg-beige a {
    color: #8C0F2E;
}

.bg-beige button, 
.bg-beige .handorgel__content {
    background-color: #F8E5D3;
    background-image: url("/files/cts-theme/LSO/Icons/Pfeil_rot_down.svg") !important;
}

.bg-beige .handorgel__header--open button {
    background-image: url("/files/cts-theme/LSO/Icons/Pfeil_rot_up.svg") !important;
}

.bg-beige .handorgel__header__button {
    border-top: 1px solid #8C0F2E;
}

.fluidLink {
    font-size: calc(1.83*(1.7vw));
    /*border-bottom: 2px #fff solid;*/
   padding-top:0.2em !important;
   padding-bottom:0.2em !important;
}

.fluidLink a {
    text-decoration: none;
}

.bg-weiss.fluidLink {
    border-top: 2px #8C0F2E solid;
}

.arrowLink {
    float: right;
    position: relative;
    top: 7px;
    width: calc(3*(1.7vw));
            background-image: url("/files/cts-theme/LSO/Icons/Pfeil_rot.svg");
           /* opacity:1; */
           
}

   
/*.bg-weiss.container-fluid:hover  {
     background-color:  #8C0F2E;
       } */
       



.arrowLink:hover  {
background-image: url("/files/cts-theme/LSO/Icons/Pfeil_weiss.svg");
 opacity: 1; 
}



/* Test */

.bg-weiss.fluidLink div div a div {
    background-image: url("/files/cts-theme/LSO/Icons/Pfeil_rot.svg");
    background-size: 60px 60px;
    background-position: right; 
}

.bg-weiss.fluidLink:hover div div a div {
    color: #fff;
    background: #8C0F2E;
    background-image: url("/files/cts-theme/LSO/Icons/Pfeil_weiss.svg");
    background-repeat: no-repeat;
    background-size: 60px 60px;
    background-position: right; 
    opacity: 1 !important;
}

.bg-weiss.fluidLink:hover {
    background: #8C0F2E;
}
.bg-weiss.fluidLink:hover div div a {
    opacity: 1 !important;
}
/* Formularanpassung für .bg-weiss */
.bg-weiss input[type="text"]:focus, 
.bg-weiss input[type="password"]:focus, 
.bg-weiss input[type="date"]:focus, 
.bg-weiss input[type="datetime"]:focus, 
.bg-weiss input[type="email"]:focus, 
.bg-weiss input[type="number"]:focus, 
.bg-weiss input[type="search"]:focus, 
.bg-weiss input[type="tel"]:focus, 
.bg-weiss input[type="time"]:focus, 
.bg-weiss input[type="url"]:focus, 
.bg-weiss input:not([type]):focus, 
.bg-weiss textarea:focus, 
.bg-weiss input[type="text"], 
.bg-weiss input[type="password"], 
.bg-weiss input[type="date"], 
.bg-weiss input[type="datetime"], 
.bg-weiss input[type="email"], 
.bg-weiss input[type="number"], 
.bg-weiss input[type="search"], 
.bg-weiss input[type="tel"], 
.bg-weiss input[type="time"], 
.bg-weiss input[type="url"], 
.bg-weiss input[type="checkbox"],
.bg-weiss input:not([type]), 
.bg-weiss input[type="textarea"]
{
     outline: 0;
    background-color: transparent !important;
    border-bottom: 1px solid #fff ! IMPORTANT;
    color: #fff !important;
}

.bg-weiss .radio_container label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #8C0F2E !important;
    border-radius: 50%;
    background-color: transparent !important;
    transition: background-color 0.2s;
}
.bg-weiss .handorgel__content .radio_container label::before
    {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #fff !important;
    /* border-radius: 50%;*/
    background-color: transparent !important;
    transition: background-color 0.2s;
}
.bg-weiss .radio_container input[type="radio"]:checked + label::before {
    background-color: #fff !important;
}

.bg-weiss input[type="checkbox"] {
    display: none; /* Hide default checkbox */
}

.bg-weiss input[type="checkbox"] + label::before {
    content: '';
    display: inline-block;
    width: 15px; /* Adjust size as needed */
    height: 15px; /* Adjust size as needed */
    border: 2px solid #fff; /* Example color: green */
    /* border-radius: 3px; Rounded corners */
    margin-right: 8px; /* Spacing between checkbox and label */
    background-color: #8C0F2E; 
}
.bg-weiss input[type="checkbox"]:checked + label::before {
    background-color: #fff; 
}

/* Formularanpassung für .bg-rot */
.bg-rot input[type="text"]:focus, 
.bg-rot input[type="password"]:focus, 
.bg-rot input[type="date"]:focus, 
.bg-rot  input[type="datetime"]:focus, 
.bg-rot  input[type="email"]:focus, 
.bg-rot  input[type="number"]:focus, 
.bg-rot  input[type="search"]:focus, 
.bg-rot  input[type="tel"]:focus, 
.bg-rot  input[type="time"]:focus, 
.bg-rot  input[type="url"]:focus, 
.bg-rot  input:not([type]):focus, 
.bg-rot  textarea:focus, 
.bg-rot  input[type="text"], 
.bg-rot  input[type="password"], 
.bg-rot  input[type="date"], 
.bg-rot  input[type="datetime"], 
.bg-rot  input[type="email"], 
.bg-rot  input[type="number"], 
.bg-rot  input[type="search"], 
.bg-rot  input[type="tel"], 
.bg-rot  input[type="time"], 
.bg-rot  input[type="url"], 
.bg-rot  input[type="checkbox"],
.bg-rot  input:not([type]), 
.bg-rot  input[type="textarea"]
{
     outline: 0;
    background-color: transparent !important;
    border-bottom: 1px solid #fff ! IMPORTANT;
    color: #fff !important;
}

.bg-rot  .radio_container label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #8C0F2E !important;
    border-radius: 50%;
    background-color: transparent !important;
    transition: background-color 0.2s;
}
.bg-rot  .handorgel__content .radio_container label::before
    {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #fff !important;
    border-radius: 50%;
    background-color: transparent !important;
    transition: background-color 0.2s;
}
.bg-rot  .radio_container input[type="radio"]:checked + label::before {
    background-color: #fff !important;
}

.bg-rot  input[type="checkbox"] {
    display: none; /* Hide default checkbox */
}

.bg-rot  input[type="checkbox"] + label::before {
    content: '';
    display: inline-block;
    width: 15px; /* Adjust size as needed */
    height: 15px; /* Adjust size as needed */
    border: 2px solid #fff; /* Example color: green */
     /* border-radius: 3px; Rounded corners */
    margin-right: 8px; /* Spacing between checkbox and label */
    background-color: #8C0F2E; 
}
.bg-rot  input[type="checkbox"]:checked + label::before {
    background-color: #fff; 
}
.bg-rot .content-accordion {
  border-bottom: 2px solid #fff;
}
.bg-rot h2.handorgel__header {
    padding-bottom: 0;
    border-top: 2px solid #fff;
}
/* Ende Formular Anpassungen */

.content-accordion {
  border-bottom: 2px solid #8C0F2E;
}


.content-accordion .handorgel__header__button:hover  {
   color: #A86475;
   background-image: url("/files/cts-theme/LSO/Icons/Pfeil__nachunten_rose.svg");
}



/* Test Ende */







.mod_article[class*="bg-"] {
    padding-top: 0px;
    padding-bottom: 0px;
}

#main .mod_article [class*="ce_"] {
    margin-bottom: 0;
}

#main .inside {
    padding: 0;
}
/* footer */
#footer {
    color: #000;
    background-color: #C9C9D2;
    font-size: calc(0.58*(1.7vw));
    padding-top: 60px;
    padding-bottom: 60px;
}

#footer a {
    color: #000;
    font-size: calc(0.58*(1.7vw));
}

#footer a:hover {
    opacity: 0.6;
    text-decoration: underline;
}

.footerAddress {
    margin-right: 10px;
}

.mod_socials a i {
    /*width: calc(1*(1vh + 1vw));*/
    font-size: calc(0.9*(1.7vw));
}

.mod_socials i.fa-linkedin-in, 
.mod_socials i.fa-youtube, 
.mod_socials a i.fa-instagram, 
.mod_socials i.fa-twitter {
    color: #000;
    background: #C9C9D2;
}

.mod_socials a i.fa-instagram:hover {
    /*color:  #000;
    background: rgb(131,58,180);*/
    /* background: linear-gradient(229deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%); */
    /*background:#F2F2F6;*/
}
.mod_socials i.fa-linkedin-in:hover {
    background: none;
    color: #000 !IMPORTANT;
    opacity: 0.6 !IMPORTANT ;
}
h1 {
   font-size: calc(2.5*(1.7vw));
   color: #000;
   letter-spacing: -0.01em;
    line-height: 1.15 !important;
}

h2 {
   font-size: calc(1.85*(1.7vw)) !important;
   color: #000;
}

h3 {
   font-size: calc(1.1*(1.7vw));
   color: #000;
}

.mod_newslist {
    padding-top: 20px;
    /*overflow-x: scroll !important;*/
    margin-right: -15px;
}

.mod_newslist a {
    color: #000;
}

#footer .footerbottom.right ul li {
    display: block;
}

/* #footer a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #000;
    transition: width 0.5s ease;
}*/

#footer a:hover::before {
    width: 100%;
}

#footer .inside .footer.bottom.container {
  padding: 20px 20px;
}

.row {
    margin-left: 0;
}

/*form div div {
    clear: both;
}

form label, 
input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], 
input:not([type]) {
    float: left;
}*/
/* Formular -Design weisser HIntergrund - schwarze SChrift - rot EIngabe */
input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], 
input:not([type]) {
    /*width: 70%;*/
    border-bottom: 1px solid #fff !important;
    margin-bottom: 30px;
}

input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], 
input:not([type]) {
    color: #fff;
    background-color: #8C0F2E;
}

input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="date"]:focus, 
input[type="datetime"]:focus, 
input[type="email"]:focus, 
input[type="number"]:focus, 
/*input[type="search"]:focus, */
input[type="tel"]:focus, 
input[type="time"]:focus, 
input[type="url"]:focus, 
input:not([type]):focus, 
textarea:focus, 
input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="email"], 
input[type="number"], 
/*input[type="search"], */
input[type="tel"], 
input[type="time"], 
input[type="url"], 
input[type="checkbox"],
input:not([type]), 
input[type="textarea"]
{
     outline: 0;
    background-color: transparent !important;
    border-bottom: 1px solid #8C0F2E ! IMPORTANT;
    color: #8C0F2E !important;
}
.radio_container label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #8C0F2E !important;
    border-radius: 50%;
    background-color: transparent !important;
    transition: background-color 0.2s;
}
.handorgel__content .radio_container label::before
    {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #8C0F2E !important;
    border-radius: 50%;
    background-color: transparent !important;
    transition: background-color 0.2s;
}
.handorgel__content .textarea,
.menuMitgliedschaft .handorgel__content .checkbox
    {
    background-color: transparent !important;
    border: 2px solid #8C0F2E !important;
    }  
    
input[type="checkbox"] {
    display: none; /* Hide default checkbox */
}

input[type="checkbox"] + label::before {
    content: '';
    display: inline-block;
    width: 15px; /* Adjust size as needed */
    height: 15px; /* Adjust size as needed */
    border: 2px solid #8C0F2E; /* Example color: green */
    /*border-radius: 3px;  Rounded corners */
    margin-right: 8px; /* Spacing between checkbox and label */
}

input[type="checkbox"]:checked + label::before {
    background-color: #8C0F2E; 
}
  

.widget-explanation {
  padding: 0;
  margin-bottom: 80px;
  border: 0px solid #ccc;
}

input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], 
input:not([type]), 
textarea {
  display: inline-block;
  padding: 0;
  padding-bottom: 5px;
  border: 0px solid #ccc;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: inset 0 1px 1px #eee;
  -webkit-box-shadow: inset 0 0px 0px #eee;
  box-shadow: inset 0 0px 0px #eee;
  -moz-transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
}



.widget>label {
    font-weight: 400;
}

input::-webkit-input-placeholder {
    color: #fff;
}
input::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
input:-ms-input-placeholder {
    color: #fff;
}
input::-ms-input-placeholder {
    color: #fff;
}
input::placeholder {
    color: #fff;
}

form button, 
input[type=submit], 
.button {
    font-size: calc(1*(1.7vw));
    border: 1px solid #fff;
    border-radius: 40px;
    padding: 25px;
    margin-top: 30px;
    margin-bottom: 10px;
}

form button:hover, 
input[type="submit"]:hover {
  color: #8C0F2E;
}

.mod_search {
   /* height: calc(100vh - 500px); */
   height:auto;
}

.mod_search input, 
.mod_search input:focus {
   
    border: 1px solid #fff ;
    padding: 8px 20px;
    border-radius: 25px;
    }

  .mod_search .widget-text {
    width: 100%;
    float: left;
    margin-right: 3%;
    margin-bottom: 100px;
}

.mod_search .widget-submit {
    width: 30%;
    display: none;
}

.mod_search .pagination ul a {
    display: block;
    padding: 10px 12px;
    margin-bottom: 10px;
    background-color: #8C0F2E !important; 
    font-size: 15px;
    line-height: 1.4;
    text-decoration: none;
    text-align: center;
}
fieldset {
    /*width: 70%;*/
    padding: 0;
    padding-bottom: 20px;
    border: 0;
   border-bottom: 1px solid #8C0F2E;
}
fieldset.radio_container {
    /*width: 70%;*/
    padding: 0;
    padding-bottom: 20px;
    border: 0;
   border-bottom: 0px solid #8C0F2E !important;
}



.radio_container input[type="radio"] {
  display: none;
}

.radio_container label {
  position: relative;
  padding-left: 24px;
  padding-right: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.radio_container label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: transparent;
  transition: background-color 0.2s;
}

.radio_container input[type="radio"]:checked + label::before {
  background-color: #fff;
}

.radio_container span {
  float: left;
}




.mainmenu li.termine {
    position: relative;
    top: 1px;
    margin-left: 10px;
    margin-right: 15px;
    width: 22px;
    /*height: 24px;*/
    background: url('/files/cts-theme/LSO/Icons/klender.svg') no-repeat center center;
    text-indent: -9999px !important; /* Versteckt den Text */
}

.mainmenu li.lupe {
    position: relative;
    top: 1px;
    margin-right: 5px;
    width: 22px;
    /*height: 24px;*/
    background: url('/files/cts-theme/LSO/Icons/lupe_rot.svg') no-repeat center center;
    text-indent: -9999px; /* Versteckt den Text */
}

.mainmenu li.user {
    position: relative;
    top: 7px;
    width: 24px;
    height: 24px;
    background: url('/files/cts-theme/LSO/Icons/login.svg') no-repeat center center;
    text-indent: -9999px; /* Versteckt den Text */
}

mark {
    background-color: #fff;
    color: #8C0F2E;
}

/* @ media Richtlinien */
@media (min-width: 1200px) {
    .mod_article.container-width>.inner {
        padding-right: 30px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }
}




@media only screen and (max-width:420px) {
    .logo .image_container {
   /* width: 85%;*/
    }
    
    .arrowLink {
        top: 0px;
    }
    
    #footer, 
    #footer a {
        padding-top: 15px;
        font-size: 9px;
    }

    .footerAddress, 
    .footerbottom, 
    .mod_socials {
        width: 100%;
    }

    .footerAddress {
        padding-left: 15px;
    }

    .footerbottom{
        margin-left: -15px;
    }
}

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

    body {
        font-size: 1.2em;
    }
    
    .ce_image.logo img {
        left: 0px;
    }
    
    h1 {
        font-size: 2.6em !important;
    }

    h2 {
        font-size: 1.4em !important;
    }

    h3 {
        font-size: 1em !important;
    }

    .lauftext1 {
        font-size: 1.2em !important;
    }
    
    .lauftext2 {
        font-size: 0.7em !important;
    }
    
    .mainmenu ul > li a, 
    .mainmenu ul > li strong, 
    .mainmenu ul ul > li a, 
    .mainmenu ul ul > li strong {
        font-size: 1.3em;
       /* font-size: calc(0.7*(5vw));*/
    }
    
    .mainmenu ul > li .menuMitgliedschaft.active, 
    .mainmenu ul > li a.menuMitgliedschaft, 
    .mainmenu ul > li .menuLinks.active, 
    .mainmenu ul > li a.menuLinks {
        font-size: 1.3em;
      /*  font-size: calc(0.55*(5vw));*/
    }
    
    .mobile_menu #mainmobil .level_1 li > a, 
    .mobile_menu #mainmobil .level_1 li > strong {
        font-size: 1.3em;
    }
    
    .mobile_menu #mainmobil ul {
        font-size: 1.3em;
    }
    
    .mobile_menu #mainmobil li.submenu_show > strong::before, .mobile_menu #mainmobil li.submenu_show > a::before {
        font-size: 1.3em;
    }
    
    #mainmobil .level_2 strong, .mobile_menu #mainmobil .level_2 li > a {
        font-size: 0.8em !important;
    }
    
    #mainmobil .level_2 strong, 
    .mobile_menu #mainmobil .level_2 li > a {
        font-size: 0.7em !important; /* 1.7 */
        line-height: 0.8em;
    
    }
    
    li.submenu_hide > a::before, 
    li.submenu_show > strong::before, 
    .mobile_menu #mainmobil li.submenu_show > a::before {
        font-size: 0.5em !important; /* 1.5 */
    }
    
    .metamenu {
        font-size: 1.3em; /* Body */
    }
    
    .mobile_menu #mainmobil ul ul li {
         padding-left: 0px;
    }
    .handorgel__header__button {
    padding-left: 10px;
    }
    .handorgel__content--opened .handorgel__content__inner {
    opacity: 1;
    transition: opacity .3s ease;
    padding-left: 10px;
    padding-right: 10px;
    }
    
    .bg-weiss .content-accordion{
    width:112% !important;    
    padding-left:0px;
    padding-right:0px;
    margin-left:-20px;
    margin-right:0px;
    }
     .bg-rot .content-accordion{
    width:114% !important;    
    padding-left:0px;
    padding-right:10px;
    margin-left:-20px;
    margin-right:0px;
    }
    .content-accordion .handorgel__header__button {
    background-image: url("/files/cts-theme/LSO/Icons/Pfeil__nachunten_weiss.svg");
    background-position: 98%;
    background-size: 10.5%;
}
    .fluidLink {
        font-size: 1.6em;
    }
    
    .arrowLink {
        width: calc(3*(5vw));
    }
    
    .bg-weiss.fluidLink div div a div {
        background-image: none;
    }
    
    #footer {
        font-size: 0.7em;
    }
    
    #footer a {
        font-size: 0.97em;
    }
    
    .mod_socials a i {
        font-size: 1.8em;
    }
    
    form button, 
    input[type=submit], 
    .button {
        font-size: calc(1*(5vw));
    }

    .ce_image.logo img {
        width: 250px !important;
        max-width: 250px;
    }
    
    .ce_image.logo {
        width: 250px;
        max-width: 250px;
    }
    
    .standard {
        display: none;
    }
    
    .mobile {
        display: block;
    }
    
    .mod_newslist .ce_row {
       /* width: 1280px;*/
    }
    
    .headercontainer .inside {
       /* padding-top: 2%;
        padding-bottom: 2%;*/
    }
    
    .metamenu.mainmenu {
        display: none;
    }

    #header .container {
        /*padding-top: 90px;*/
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .mobilenav.top li.termine a, 
    .mobilenav.top li.termine strong, 
    .mobilenav.top li.lupe a, 
    .mobilenav.top li.lupe a strong {
        width: 42px;
        height: 44px;
    }
    
    .col-md-6 {
        max-width: 100%;
    }
    
    .arrowLink {
        display: none;
    }
    
    .bg-weiss .content-accordion .handorgel__header__button {
         background-size: 10%; 
    }
    
    .mod_article.container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .content-accordion {
        margin-right: -10px;
        margin-left: -10px;
       
    }

    .mod_newslist {
        margin-right: 0px;
        padding-right: 0;
    }

    .mod_newslist .block3 .layout_latest_cts.block3 {
        max-width: 100%;
    }






}

@media only screen and (max-width:550px) {
    
    .ce_image.logo img {
       /* min-width: 45vw;*/
    }

}


/* fuer tablets und groessere Displays*/
@media only screen and (min-width:768px) {





    .myClass p {
      color: #00ff99;
    }

}


/* fuer tablets und groessere Displays*/
@media only screen and (min-width:992px) {

.myClass p {
    color: #f300ff;
}





}

/* fuer desktop */
@media only screen and (min-width:1025px) {

.myClass p {
    color: #0800ff;
}


}


/* fuer Smartphones */
@media only screen and (max-width:767px) {

    /* termine */
    .termin {
        position: relative;
   min-width:auto; 
   clear:both;
   font-size:0.9em;
   height: 1.2em;
   margin-bottom:0.5em;
    }
    .thema {
        position: relative;
    min-width:auto; 
    clear:both;
    width: 100%;
    font-size:1.3em;
    padding-bottom:1em;
    height: 1.2em;
    }
    .ort {
  position: relative;
   clear:both;
   min-width:auto;
   font-size:0.9em;
   padding-bottom:1em;
   padding-top:0.5em;
   height: 1.2em;
   text-align: right;
   display: contents;

    }
    .location {
    padding-bottom:0.5em;
    border-bottom: 0px solid #8C0F2E;        
    }
    .menuMitgliedschaft  .mod_eventlist [class*=layout_] {
       padding-bottom: 20px;
    border-bottom: 1px solid #8C0F2E;
    line-height: 1.35em;
    clear: both;
    display: flow-root;
    
    }

}