/*!
 * Finthen Version 1
 * Copyright 2020 - 2025 Hartmut Frerichs
 * Lizensiert unter GNU General Public License
 */
html {
     overflow:hidden;
}

*, *::before, *::after{box-sizing:border-box;}

.bold{font-weight:700;}
.center{text-align:center;}
.right{text-align:right;}
.uppercase{text-transform:uppercase;}
.capitalise{text-transform:capitalize;}
.hidden{display:none;}
.nospace{margin:0; padding:0; list-style:none;}
.block{display:block;}
.justified{text-align:justify;}
.inline *{display:inline-block;}
.inline *:last-child{margin-right:0;}
.pushright li{margin-right:20px;}
.pushright li:last-child{margin-right:0;}
.borderedbox{border:1px solid;}
.overlay{position:relative; z-index:1;}
.pagemaintop {
     width:100%;
     margin:0px auto;
     text-align:center;
     font-size:1.375em;
     color: #FFFFFF;
     text-shadow: 1px 1px 1px #000000;
     font-weight:700;
     border:none;
     background: #ffffff; /* Old browsers */
      background: -moz-linear-gradient(left,  #ffffff 0%, #da121a 44%, #da121a 56%, #ffffff 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(left,  #ffffff 0%,#da121a 44%,#da121a 56%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right,  #ffffff 0%,#da121a 44%,#da121a 56%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
      cursor: default;
}

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.justify {text-align:justify;}
.mtplu5 {margin-top:5px}
.mtplu10 {margin-top:10px}
.mtplu15 {margin-top:15px}
.mtplu20 {margin-top:20px}
.mtmin10 {margin-top:-10px}
.mtmin15 {margin-top:-15px}
.mtmin20 {margin-top:-20px}
.mbplu5 {margin-bottom:5px}
.mbplu10 {margin-bottom:10px}


main{
     position: relative;
     margin: 7em auto 0 auto;
     max-height:75vh;
     background:transparent;
     border:transparent;
     flex-grow: 1;
     overflow-y: auto;
     overflow-x: hidden;
     cursor:default;
     min-height: 0;

}
.announbutton {
      font-size: 0.875rem;
      background-color:#636363;
      color: #EEEEEE;
      width:150px;
      text-shadow: 1px 1px #000000;
      padding:0px 7px px 7px;
      text-align:center;
      border: 1px solid #CDCDCD;
      border-radius: 5px;
      margin-bottom:6px;

}
.announbutton:hover {
      background-color:#B8B8B8;
      color: #000000;
      text-shadow: 1px 1px #FFFFFF;
      text-decoration:none;
}
.monk{
     position: relative;
     margin: 140px auto 0px auto;

     background:transparent;
     border:transparent;
     flex-grow: 1;
     overflow-y: auto;
     overflow-x: hidden;
     cursor:default;
     min-height: 0;

}
p {
     text-align:justify;
      background:transparent;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
      margin-top: -0.25em;

}
hr { border: 1px solid #686868 }
.dow_hid {
      width:100%;
      height:25px;
      background: transparent;
      border:none;
}
/** --------------------------------------------------------------------------------------------------header-- **/
img {
  width:100%;
  margin-top:2px;
  margin-bottom:2px;
  height:auto;
}
.headandnav {
     position:fixed;
     top:0;
     left:0;
     width:100%;
     border-bottom:1px solid #8C8C8C;
     z-index:99;
}
.forheadline {
     text-align:center;
     font-size:1.125em;
     color: #464646;
     font-weight:700;
     cursor:default;
}
.navimp {
     position:fixed;
     bottom:0px;
     left:0;
     font-size:0.75em;
     text-align:right;
     width:100%;
     border-top:1px solid #8C8C8C;
     z-index:99;

}
nav {
    margin:-2px 1px 0 0;
    padding:0;
    height:50px;
    }
/* ================================================================================================================================= Index ======= */
.normal_linetoptext {
      margin:0 0 2px 0;
      font-size:0.875em !important;
      line-height:1.3em;
      text-align:justify;
      color: #000000;
      font-weight: 400;
      padding:1px 12px 1px 12px;
      width:100%;
      cursor: default;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}
.event_left {
     font-weight:400;
     color:#000000;
     font-size:1em !important;
      line-height:1.3em;
     text-align:right;
     padding:0 3px 0px 0px;
     cursor: default;
     border-top: 1px solid #c0c0c0;
     border-bottom: 1px solid #c0c0c0;
     border-left: 1px solid #c0c0c0;
     border-radius: 10px 0px 0px 10px;
}
.event_middle {
     font-weight:400;
     color:#000000;
     font-size:1em !important;
     line-height:1.3em;
     text-align:left;
     padding:0 0px 0px 3px;
     cursor: left;
     border-top: 1px solid #c0c0c0;
     border-bottom: 1px solid #c0c0c0;
}
.event_middle2 {
     font-weight:400;
         color:#000000;
         font-size:0.875em !important;
          line-height:1.3em;
         text-align:right;
         padding:0 0px 0px 3px;
         cursor: left;
         border-top: 1px solid #c0c0c0;
         border-bottom: 1px solid #c0c0c0;
}
.event_right {
         font-weight: 400;
         color:#000000;
         font-size:1em !important;
     line-height:1.3em;
         text-align:right;
         padding:0 5px 0px 0px;
         cursor: default;
         border-top: 1px solid #c0c0c0;
         border-right: 1px solid #c0c0c0;
         border-bottom: 1px solid #c0c0c0;
         border-radius: 0px 10px 10px 0px;
}
.middleframenorm{
width:100%;
text-align:center;
     }

.middleframeLeft a{
     font-size:1em;
     color:#000000;
     font-weight:400;
     line-height: 1.5em;
     }
.middleframeLeft:hover a{
     color:#0000FF;
     font-weight:700;
     text-decoration:none;
}
/* ================================================================================================================================= Rathaus ======= */
.anschrift_showtop {
     position:relative;
      width: 49%;
      float:left;
      margin:0px 5px 5px 0px;
      height:180px;
      border:1px solid #A1A1A1;
      border-radius:5px;
      overflow:hidden;
}
.innerleft {
         font-size:1em;
         font-weight: 400;
         color:#000000;
         text-align:right;
         cursor: default;
}
.innerright {
         font-size:1em;
         font-weight: 400;
         color:#000000;
         text-align:left;
         cursor: default;
}
.rat_formail a:link, .rat_formail a:visited, .rat_formail a:active, .rat_formail a:focus {
         font-size:1em;
         font-weight: 400;
         color:#FFFFFF;
         text-shadow:1px 1px #000000;
         padding:1px 10px 2px 5px;
         text-align:left;
         cursor: default;
         background-color: #DA121A;
}

.rat_formail a:hover {
      color: #000000;
      text-decoration:none;
      text-shadow:1px 1px #FFFFFF;
      background: rgba(230,230,230,0.9);
}
.innercenter {
         font-size:1em;
         font-weight: 400;
         color:#000000;
         text-align:center;
         cursor: default;
}
.admin_linetoptext {
      font-size:1em;
      line-height:1.35em;
      text-align:justify;
      font-weight: 400;
      border: transparent;
      cursor: default;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}



/* ================================================================================================================================= Öffnungszeiten ======= */
.opdatu {
      position:relative;
      margin:1px 0 0 0;
      text-align:center;
      font-size: 1.125em;
      font-weight: 400;
      text-align:center;
      cursor:default;
      border:none;
}

.opdatusmall {
      text-align:center;
      font-size: 1em;
      font-weight: 400;
      cursor:default;
      border:none;
}
.closespecday {
      position:relative;
      margin:3px auto 0 auto;
      width:300px;
      padding:1px 0 1px 0;
      background-color:#FF0000;
      font-size: 1.125em;
      font-style: normal;
      font-weight: 400;
      color: #FFFFFF;
      text-align:center;
      cursor:default;
      border:none;
}
.opennext {
      position:relative;
      margin:5px auto 2px auto;
      text-align:center;
      width:100%;
      font-size: 1rem;
      font-style: normal;
      font-weight: 400;
      color: #000000;
      text-align:center;
      cursor:default;
      border:none;
}
.closenext {
      position:relative;
      margin:3px 0 0 0;
      text-align:center;
      width:100%;
      font-size: 1rem;
      font-style: normal;
      font-weight: 400;
      color: #FF0000;
      text-shadow: 1px 1px #DDDDDD;
      text-align:center;
      cursor:default;
      border:none;
}
.opdatuR {
      position:relative;
      margin:1px 0 0 0;
      text-align:center;
      font-size: 1.125em;
      font-style: normal;
      font-weight: 400;
      color: #FF0000;
      text-shadow: 1px 1px #DDDDDD;
      text-align:center;
      cursor:default;
      border:none;
}
.opensmtab {
      position:relative;
      margin:6px auto 3px auto;
      text-align:center;
      width:100%;
      font-size: 1em;
      font-style: normal;
      font-weight: 400;
      color: #080808;
      text-align:center;
      cursor:default;
      border:none;
}
.tabsmopennam {
      font-size: 0.9375em;
      font-style: normal;
      line-height:1.3em;
      font-weight: 400;
      color: #333333;
      text-align:right;
      cursor:default;
}


.tabsmopentime {
      font-size: 0.9375em;
      font-style: normal;
      line-height:1.3em;
      font-weight: 400;
      color: #333333;
      text-align:left;
      cursor:default;
}

.tabopenmainnam {
      font-size: 1em;
      font-style: normal;
      line-height:1.3em;
      font-weight: 400;
      color: #333333;
      text-align:right;
      cursor:default;
}
.tabopenmaintime {
      font-size: 1em;
      font-style: normal;
      line-height:1.3em;
      font-weight: 400;
      color: #333333;
      text-align:left;
      cursor:default;
}

.opentab {
      position:relative;
      margin:3px auto 3px auto;
      text-align:center;
      width:100%;
      font-size: 1.25em;
      font-style: normal;
      line-height:1.3em;
      font-weight: 300;
      color: #000000;
      text-align:center;
      cursor:default;
      border:none;
}
.opentabsmall {
      position:relative;
      margin:3px auto 3px auto;
      text-align:center;
      width:100%;
      font-size: 1em;
      font-style: normal;
      line-height:1.3em;
      font-weight: 400;
      color: #000000;
      cursor:default;
      border:none;
}
.opentabmain {
      text-align:center;
      font-size: 1em;
      font-style: normal;
      line-height:1.3em;
      font-weight: 300;
      color: #000000;
      cursor:default;
      border:none;
}


/* ================================================================================================================================= mailings ======= */
.noeyes {
        display:none;
     }
     .txt_top01 {
      width:100%;
      font-size:1.125em;
      padding:0 5px;
      font-weight: 300;
      text-align:center;
      color: #000000;
      cursor:default;

}
.txt_top02 {
      width:100%;
      font-size:1.125em;
      padding:0 5px;
      font-weight: 300;
      text-align:center;
      color: #FF0000;
      cursor:default;

}

/* ================================================================================================================================= modal ======= */
.modal.right .modal-dialog {
                position: fixed;
                margin: auto;
                width: 320px;
                height: 100%;
                -webkit-transform: translate3d(0%, 0, 0);
                    -ms-transform: translate3d(0%, 0, 0);
                     -o-transform: translate3d(0%, 0, 0);
                        transform: translate3d(0%, 0, 0);
                        z-index:100;
        }

        .modal.right .modal-content {
                height: 100%;
                overflow-y: auto;
        }

.modal.right .modal-body {
                padding: 15px 15px 80px;
                 background-color:#FFFFFF;
                 overflow:hidden;
        }
        .modal.right.fade .modal-dialog {
                right: -320px;
                -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
                   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
                     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
                        transition: opacity 0.3s linear, right 0.3s ease-out;

        }

        .modal.right.fade.in .modal-dialog {
                right: 0;


        }

/* ----- MODAL STYLE ----- */
        .modal-content {
                border-radius: 0;
                border: none;
                z-index: 100 !important;
        }

        .modal-header {
                border-bottom-color: #EEEEEE;
                background-color:rgba(250,250,250,.5);

        }




        .demo {
        padding-top: 60px;
        padding-bottom: 110px;
}



.modal-footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color:rgba(250,250,250,.5);
        text-align: center;

}
/** ---------------------------------------------------------------------------------------------------------Allgemein & details Top    ------ **/

.index_linetoptext {
     font-size:100%;
     line-height:1.3em;
}
.detvertop {
      font-size:1.125em;
      padding: 1px 4px 1px 5px;
      color: #000000;
      text-align:left;
      width:400px;
      font-weight:400;
      cursor:default;
}
.detvernext {
      font-size:1.125em;
      padding: 1px 4px 1px 20px;
      background-color: #FFFFFF;
      color: #000000;
      font-weight:400;
      cursor:default;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;

}

.infobutton {
      font-size: 1em;
      background-color:#636363;
      color: #EEEEEE;
      width:200px;
      text-shadow: 1px 1px #000000;
      padding:1px 7px 2px 7px;
      text-align:center;
      border: 1px solid #CDCDCD;
      border-radius: 5px;

}
.infobutton:hover {
      background-color:#B8B8B8;
      color: #000000;
      text-shadow: 1px 1px #FFFFFF;
      text-decoration:none;
}
.tableheadfix {
     font-size:1em;
     font-weight:400;
}


/** ---------------------------------------------------------------------------------------------------------Datenschutz Barrierefreiheit    ------ **/
.dsgvo_text01 {
      width:100%;
      text-align:justify;
      line-height:1.3em;
      font-size:1em;
      cursor: default;
      padding:0 25px 0 24px;
      font-weight:400;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}
.dsgvo_head02 {
      padding: 8px 5px 3px 15px;
      font-size: 1em;
      cursor: default;
      font-weight:700;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}
.dsgvo_text02 {
      padding: 0 5px 0 55px;
      width:99%;
      text-align:justify;
      font-size: 1em;
      line-height:1.2em;
      font-weight:400;
      cursor:default;
}
.bit_head01 {
      padding: 10px 5px 3px 30px;
      font-size: 1em;
      cursor: default;
      font-weight:700;
}
.bit_head02 {
      padding: 10px 5px 3px 30px;
      font-size: 1em;
      cursor: default;
      font-weight:700;
}
.bit_head03 {
      padding: 10px 5px 3px 30px;
      font-size: 1em;
      cursor: default;
      font-weight:700;
}
.bit_text01yes {
      width:100%;
      text-align:justify;
      line-height:1.2em;
      cursor: default;
      font-size: 1em;
      color:#6efa7b;
      padding:0 30px 0 72px;
      text-shadow:1px 1px #000000;
      font-weight:400;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}
.bit_text01 {
      width:100%;
      text-align:justify;
      line-height:1.3em;
      font-size: 1em;
      cursor: default;
      padding:0 30px 0 72px;
      font-weight:400;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}
.dsgvo_resp01 {
      padding: 0 5px 0 5px;
      width:99%;
      text-align:justify;
      font-size: 0.875em;
      line-height:1.3em;
      cursor: default;
      color:#000000;
      font-weight:400;
      cursor:default;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}
.dsgvo_resp02 {

      padding: 0 5px 0 15px;
      width:99%;
      text-align:justify;
      font-size: 0.875em;
      line-height:1,3em;
      cursor: default;
      color:#000000;
      font-weight:400;
      cursor:default;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}
.dsgvo_resphead02 {
      padding: 5px 2px 0;
      font-size: 0.875em;
      cursor: default;
      color:#000000;
      font-weight:700;
      cursor:default;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}

/* ================================================================================================================================= sozial ======= */
.social_showtopall {
      width: 49%;
      float:left;
      margin:0px 5px 5px 0px;
      height:120px;
      border:1px solid #d5d5d5;
      border-radius:5px;
      overflow:hidden;

}
.verein_showtop {
      width: 49%;
      float:left;
      margin:0px 5px 5px 0px;
      height:100px;
      border:1px solid #d5d5d5;
      border-radius:5px;
      overflow:hidden;

}

.sozial_showadrtop {
      margin:1px 0 1px 0;
      font-size:1em;
      font-weight:700;
      line-height: 1.3em;
      text-align:left;
      padding:0 5px 0 5px;
      color: #000000;
      cursor: default;
}
.sozial_showadrleft {
      margin:1px 0 1px 0;
      font-size:0.9375em;
      line-height: 1.3em;
      font-weight:400;
      text-align:left;
      padding:0 5px 0 5px;
      color: #000000;
      cursor: default;
}
.sozial_showadrright {
      margin:1px 0 1px 0;
      font-size:0.9375em;
      line-height: 1.3em;
      text-align:right;
      padding:0 5px 0 5px;
      color: #000000;
      cursor: default;
}
.sozial_showtopleft {
      width: 52%;
      position:relative;
      margin:1px 0 0 0px;
      float:left;
      height:auto;
      border:none;
      overflow:hidden;
}
.sozial_showtopright {
      width: 47%;
      position:relative;
      margin:1px 0 0 0px;
      float:right;
      height:auto;
      border:none;
      overflow:hidden;
}
.sozial_showhomepage {
      width: 100%;
      margin:1px 0 1px 0;
      font-size:0.9375em;
      line-height: 1.3em;
      text-align:center;
      padding:0 5px 0 5px;
      color: #000000;
      position:relative;
      margin:1px 0 0 0px;
      height:auto;
      overflow:hidden;
}

.vereinshow {
      color:#0000FF;
      font-size:1em;
      font-weight:700;
}

.vereinshow:hover{
     background-color:#DA121A;
     color:#FFFFFF;
}

.mailwebshow {
      color:#000000;
      font-size:1em;
      font-weight:300;
}

.mailwebshow:hover{
     background-color:#0000FF;
     color:#FFFFFF;
}

.mailstadtteil {
      color:#FFFFFF;
      font-size:0.875em;
      padding: 0 10px 0 5px;
      width:510px;
      background-color:#0000FF;
      text-align:center;
      font-weight:300;
      border-radius:5px
}

.mailstadtteil:hover{
     background-color:#CCCCFF;
     color:#000000;
}

.back_details a:link, .back_details a:visited, .back_details a:active, .back_details a:focus {
         font-size:0.875em;
         font-weight: 400;
         color:#FFFFFF;
         text-shadow:1px 1px #000000;
         padding:1px 15px 2px 15px;
         text-align:right;
         cursor: default;
         background-color: #080808;
         border-radius:10px;
}

.back_details a:hover {
      color: #000000;
      text-decoration:none;
      text-shadow:1px 1px #FFFFFF;
      background: rgba(230,230,230,0.9);
}


a[href^="mailto:"]
{
  font-family: "Open Sans"
  color:#00FF00 !important;
  font-size: font-size:0.9375em;
}
.sozial_mailer {
      margin:1px 0 1px 0;
      font-size:0.9375em;
      line-height: 1.3em;
      text-align:right;
      padding:0 5px 0 5px;
      color: #000000 !important;
      cursor: default;
}
/* ================================================================================================================================= Feste Märkte ======= */
.feten-calender {
      position:relative;
      height:auto;
      border: 1px solid #a0a0a0;
      border-radius:5px;
      margin:0 10px 12px 0;
      background: transparent;
      cursor:default;
}
.fete-caltab001 {
      font-size:1em;
      padding: 1px 0 1px 2px;
      color: #555666;
      font-weight:700;
      cursor:default;
}
.fete-caltab002 {
      font-size:0.875em;
      padding: 2px 5px 2px 2px;
      color: #000000;
      font-weight:400;
      text-align:right;
      cursor:default;
}
.fete-caltab003 {
      font-size:1em;
      padding: 1px 0 1px 2px;
      color: #000000;
      text-shadow: 1px 1px 3px rgba(150, 150, 150, 0.9);
      font-weight:700;
      cursor:default;
}
.fete-caltab004 {
      font-size:1em;
      padding: 1px 5px 1px 2px;
      color: #000000;
      font-weight:400;
      text-align:right;
      cursor:default;
}
.feten-calender a{
      color:#0000FF;
      font-weight:400;
}
.feten-calender a:hover {
      color:#DA121A;
      text-decoration:none;
}
#menuDoc a , #menuDoc a:visited ,#menuDoc a:active   {
      display:block;
      background:transparent;
      color:#000000;
      font-size:0.9375em;
      margin:2px 0 2px 2px;
      padding:0 0 0 8px;
      text-decoration:none;
      line-height: 1.5em;
      text-align:left;

}

#menuDoc a:hover{
     background-color:#DA121A;
     color:#FFFFFF;
}
.txt_bruck_bru {
     font-size:0.875em;
     padding:1px 0 1px 0;
     background-color:#DDDDDD;
     cursort:default;
     border-bottom: 1px solid #ADADAD;
}
.txt_bruck_norm {
     font-size:0.875em;
     padding:1px 0 1px 0;
     background:transparent;
     cursort:default;
     border-bottom: 1px solid #ADADAD;
}
/** ---------------------------------------------------------------------------------------------------------Respnse ------ **/
.respgesufach {
          font-size:1em;
          width:99%;
         background-color: rgba(234, 234, 234, 0.6);
         color: #000000;
         font-weight:700;
         cursor: default;
         text-align: left;
         padding:3px 0 1px 0;
}
.respgesudoc {
          font-size:1em;
         color: #000000;
         font-weight:400;


         cursor: default;
         text-align: left;
         padding:1px 0 1px 0;
         border-top:1px solid #CDCDCD;
}
.tabrespfete001 {
      font-size:1rem;
      display:block;
      padding: 1px px 1px 2px;
      color: #000000;
      text-align:left;
      border-top: 2px solid #dddddd;
      border-bottom: 1px solid #DDDDDD;
}


.tabcalfete002 {
      font-size: 1rem;
      display:block;
      padding: 1px 0 1px 5px;
      font-weight: 700;
      color: #000000;
      text-align:left;
}

/** ---------------------------------------------------------------------------------------------------------Media Queries    ------ **/
@media screen and (min-width:28em) {
  img {width:70%;}
}


@-ms-viewport{
      width:device-width;
}
@media screen and (min-width:55em) {
     img {width:50%;}
     .headandnav {display: block;}
     #resp_nav {display: none;}
     .navimp {display: block;}
     #mailindexgo {display: block;}
}
@media screen and (max-width:59.875em) {
     .index_linetoptext {font-size:90%;}
     main{margin: 10px auto 0px auto;}
     .headandnav {display: none;}
     .events_onind {display: none;}
     #resp_nav {display: block;}
     .navimp {display: none;}
     #mailindexgo {display: none;}
}
@media screen and (max-width:90em) {
      .verein_showtop {width: 49%;}
     .sozial_showadrleft {font-size:0.75em;}
     .sozial_showadrright {font-size:0.75em;}
     .sozial_mailer {font-size:0.75em;}

}
@media screen and (max-width:71.25em) {
      .verein_showtop {width: 49%;}
     .sozial_showadrleft {font-size:0.75em;}
     .sozial_showadrright {font-size:0.75em;}
     .sozial_mailer {font-size:0.75em;}

}
@media screen and (max-width:64em) {
     .verein_showtop {width: 49%;}
     .sozial_showadrleft {font-size:0.75em;}
     .sozial_showadrright {font-size:0.75em;}
     .sozial_mailer {font-size:0.75em;}

}
@media screen and (max-width:75em) {
     .sozial_showadrleft {font-size:0.875em;}
     .sozial_showadrright {font-size:0.875em;}
     .sozial_mailer {font-size:0.875em;}
}