/* sub_page_mobil_v4.css */

/* cookie hinweis*/
.cc_container {
font-size: 200% !important;
}



body {

    margin-left: auto;

    margin-right: auto;

    border-top:solid 3% #ededed;

    font-family: 'Alegreya+Sans', sans-serif;

    background-color: #ededed;

}





#wrapper {

    width: 100%;

    align-content: center;

    margin: auto;

}





/* AM 25.04.2016 */

#mapid {

    width: 920px; 

    height: 640px;

}



/* allgemeine Tabellenkonfiguration */



table, tbody, tr {

    width: 100%;

    font-size: 100%;

}



/*img {

    max-width: 100%;

    max-height: 100%;*/

}







 h1 {



    font-family: 'Gruppo', sans-serif;



    text-align: left;



    font-size: 500%;



    margin-bottom: 2%;



    /*color: #727272;  2025:*/ color: #363636;



}







h2 {



    font-family: 'Gruppo', sans-serif;



    text-align: left;



    font-size: 500%;



    margin-bottom: 2%;

  

    line-height: 150%;



    color: #cb4a1a;



}







h3 {



    font-family: 'Gruppo', sans-serif;



    /* text-align: left; */ /* AM Modi: entfernt!*/



    font-size: 400%;



    margin-bottom: 2%;

  

    line-height: 150%;



    color: #cb4a1a;



}







h4 {



    font-family: 'Gruppo', sans-serif;



    font-size: 400%;

  

    line-height: 150%;



    display: inline;



    text-decoration: none;



    /*color: #727272;  2025:*/ color: #363636;



    margin-left: 1%;



    margin-right: 1%;



}







h6 {



    font-family: 'Gruppo', sans-serif;



    font-size: 250%;



    padding-bottom: 1%;



    padding-top: 1%;



    text-decoration: none;



    /*color: #727272;  2025:*/ color: #363636;



}







p {
    font-family: 'Alegreya+Sans', sans-serif;
    text-align: left;
    font-weight: 100;
    font-size: 250%;
    line-height: 150%;
    /*color: #727272;  2025:*/ color: #363636;
}



p.strong {
  font-weight: 700;
}

td > p.bodytext { /* 15.03.2019 Text innerhalb Tabellen nicht mit ultradünner Schrift! */
    font-weight: normal;
}



.hidden {
    display: none;
}







/*nav ul li a:hover {



    color: #cb4a1a;



}







nav ul li a:active {



    color: #cb4a1a;



}*/







/* HEADER */







header h2 {



    text-align: center;



    /*color: #727272;  2025:*/ color: #363636;



    max-height: 180%; 



}







.titel {



    width: 100%;



}







.home-button {



    float: left;



    width: 10%;



    margin-left: 3%;



    margin-top: -



}







/* header h2 {



    text-align: center;



    /*color: #727272;  2025:*/ color: #363636;



    max-height: 1.8em; */



}







/* MENÜ OBEN */







/*.main_menu {



    font-family: 'Gruppo', sans-serif;



    position:relative;



    bottom: 3.75em;



    width: 58.75em;



    margin-left: 1.25em;



    float: left;



    text-align: center;



    line-height: 2.5em;



    background-color: #ededed;



}







ul .main_menu {



    list-style: none;



}







.main_menu li {



    display: inline;



    float: left;



}







.main_menu a {



    text-decoration: none;



    text-align: left;



    padding: 0 0.5em;



}







.main_menu a h4:hover {



    color: #cb4a1a;



}*/















/* MENULEISTE SUB */















/* MENU ICON */















.menu_sub_page {



    line-height: 250%



}







.menu_sub_page li {



    text-align: center;



    line-height: 512%; /* AM Modi: Menue-Schrift gross! */



    /*border-bottom: #727272 solid 1%;*/



    _border-bottom: #525252 solid 1px; /* AM Modi: Trennlinien fuer mobile menue - falls zB. die letzte Linie ausgeblendet werden soll: http://www.webdesign-in.de/mts/css-tipp-trennstriche-border/ */



}







 .menu_sub_page a {



    text-decoration: none;



    text-align: center;   

  

    margin-bottom: 1%;



    font-size: 200%; /*AM Modi: Menue-Schrift gross! */



}







.menu_sub_page a h2 { /* AM Modi: innerhalb des linken Menues sollen die Masse von H3 (=rot) wie H6 (=grau) sein */



    /*text-align: center;*/



    margin-bottom: 0%;



    padding-bottom: 1%;



    padding-top: 0%;

  

    font-size: 300%;

  

    color: #cb4a1a;

}



.menu_sub_page a h4 { /* AM Modi: innerhalb des linken Menues sollen die Masse von H3 (=rot) wie H6 (=grau) sein */



    /*text-align: center;*/



    padding-bottom: 2%;



    padding-top: 2%;

  

    font-size: 220%;

}



.menu_sub_page a h6 { /* AM Modi: innerhalb des linken Menues sollen die Masse von H3 (=rot) wie H6 (=grau) sein */



    /*text-align: center;*/



   /* margin-bottom: 1%;*/



    padding-bottom: 2%;



    padding-top: 2%;

  

    font-size: 220%;

}





.menu_sub_page sup {



    font-size: 100%;



    vertical-align: super;



}







.menu_sub_page a h4:hover {



    color: #cb4a1a;



}









/*.mobile_menu {



    display: block;



    position: relative;



    background-color: #ededed;



    float: right;



    margin-top: -15%;



    margin-right: 3%;



    text-decoration: none;



    text-align: center;



    border: #727272 solid 1px;



    max-width: 10%;



    max-height: 10%;



    width: 10%;



    max-width: 10%;



    }*/







.menu-trigger {



    display: block;



        margin-right: 3%;



        margin-top: -15%;



        padding-bottom: 3%;



    text-align: right;



    font-size: 150%;



    cursor: pointer;



  }







.hamburger {



    width: 10%;



}







.nav-menu {



  display: none;



}



  



.nav-expanded {



  display: block;



}



  



.nav-menu ul li {



  float: none;



/*  border-bottom: 1px solid #727272;*/



}







/*.nav-menu ul li:last-child {



    border-bottom: none;



  }*/







/* BILDER QUER */







.two_pics {



    position: relative;



    max-width: 100%;



    



}







.pic1 {



    position: relative;



    margin-left: 3%;



    margin-top: 3%;



    width: 45.5%;



}







/* Breadcrumbs & Suchfeld */







/*#spacer {



    max-width:38.75em;



    width: 100%;



    float: left;   



    position:relative;



    margin-left: 21.25em;



    text-align: left;



    height: 



}*/







#breadcrumps ul {



    text-align: left;



    float: left;



    list-style: none;



    margin-top: 3%;



    margin-left: 3%;

  

    width: 94%;



}







#breadcrumps li {



    display: inline;



    font-size: 175%;



    font-family: 'Alegreya',sans-serif;



    font-style: italic;



    /*color: #727272;  2025:*/ color: #363636;



    width: 100%;



}







#breadcrumps a{



    text-decoration: none;



    color: #727272



}







#breadcrumps a:hover{



    color: #cb4a1a;



}







.search {



    width: 45.5%;



    float: right;



    margin-right: 3%;



    margin-top: 3%;







}







input[type=text] {



    font-family: 'Alegreya+Sans', sans-serif;



    font-size: 80%;



    border-radius: 1%;



    border: none;



    float: right;



    width: 80%;



    



}







#column2 {



    



    margin-top: 3%;



    float: left;



    max-width: 94%;



    text-align: left;



    margin-bottom: 6%;



    margin-left: 3%;



}







#column2 h1 {



    font-family: 'Gruppo', sans-serif;



    text-align: left;



    font-size: 600%;



    margin-bottom: 1.5%;



    /*color: #727272;  2025:*/ color: #363636;



}



#column2 h2 {



    font-family: 'Gruppo', sans-serif;



    text-align: left;



    font-size: 300%;



    margin-bottom: 1.5%;



    color: #cb4a1a;



}



#column2 h3 {



    font-family: 'Gruppo', sans-serif;



    text-align: left;



    font-size: 500%;



    margin-bottom: 1.5%;

  

    margin-top: 5%;



}



#column2 h4 {



    font-family: 'Gruppo', sans-serif;



    text-align: left;



    font-size: 500%;



    margin-bottom: 1.5%;

  

    margin-top: 5%;



}



.news-list-item ul li a {    

  

    font-family: 'Gruppo', sans-serif;



    text-align: left;



    font-size: 85%;



    margin-bottom: 1.5%;



    color: #cb4a1a;

  

}





#column2 .news-list-date {



    font-family: 'Alegreya+Sans', sans-serif;

    

    font-size: 225%;

  

    margin-top: 1%;

  

    /*color: #727272;  2025:*/ color: #363636;



}



#column2 .news-list-category {



    font-family: 'Alegreya+Sans', sans-serif;

  

    font-size: 225%;

  

    margin-top: 3%;

  

    /*color: #727272;  2025:*/ color: #363636;



}



#column2 .news-list-category img {



    width: 5%;

  

    height: 5%;



}



/* ANMELDUNG NEWSLETTER */



#column2 .tx-felogin-pi1 p {

  

    font-family: 'Alegreya+Sans', sans-serif;

    font-size: 225%;

    /*color: #727272;  2025:*/ color: #363636;



}









#column2 .tx-felogin-pi1 legend {

  

    font-family: 'Alegreya+Sans', sans-serif;

    font-size: 0px;

    /*color: #727272;  2025:*/ color: #363636;

    margin-top: 5%;

    text-align: left;

    float: left;



}



#column2 .tx-felogin-pi1 label {



    font-family: 'Alegreya+Sans', sans-serif;

    font-size: 250%;

    /*color: #727272;  2025:*/ color: #363636;

    margin-top: 3%;

    padding-right: 2%;

    text-align: left;

    width: 50%;

  

}



#column2 .tx-felogin-pi1 input[type=text] {

  

    font-family: 'Alegreya+Sans', sans-serif;

    font-size: 250%;

    /*color: #727272;  2025:*/ color: #363636;

    float: left;

    padding: 0 5%;

    line-height: 200%;

    cursor:pointer;

    border-radius: 1.5%;

    /*border-color: #727272;*/
    border-color: #363636; /*2025*/

    margin-bottom: 3%;

    margin-top: 2%;

    width: 80%;

}



#column2 .tx-felogin-pi1 input[type=password] {

  

    font-family: 'Alegreya+Sans', sans-serif;

    font-size: 250%;

    /*color: #727272;  2025:*/ color: #363636;

    float: left;

    padding: 0 5%;

    line-height: 200%;

    cursor:pointer;

    border-radius: 1.5%;

    /*border-color: #727272;*/
    border-color: #363636; /*2025*/

    margin-bottom: 3%;

    margin-top: 2%;

    width: 80%;

}



#column2 .tx-felogin-pi1 input[type=submit] {

  

    font-family: 'Alegreya+Sans', sans-serif;

    font-size: 250%;

    /*color: #727272;  2025:*/ color: #363636;

    float: left;

    position:relative;

    padding: 0 5%;

    line-height: 200%;

    cursor:pointer;

    border-radius: 1.5%;

    /*border-color: #727272;*/
    border-color: #363636; /*2025*/

    margin-bottom: 3%;

    margin-top: 2%;

    

  

}





#column2 .tx-felogin-pi1 label {



    font-family: 'Alegreya+Sans', sans-serif;

    font-size: 250%;

    /*color: #727272;  2025:*/ color: #363636;

    margin-top: 3%;

    padding-right: 2%;

    text-align: left;

    width: 80%;

  



}



/* NEU-REGISTRIERUNG NEWSLETTER */



/*#column2 .tx-srfeuserregister-pi1 {

  

    font-family: 'Alegreya+Sans', sans-serif;

    font-size: 120%;

    /*color: #727272;  2025:*/ color: #363636;



}*/



#column2 .tx-srfeuserregister-pi1 legend {

  

    font-family: 'Alegreya+Sans', sans-serif;

    font-size: 250%;

    /*color: #727272;  2025:*/ color: #363636;

    padding-top: 5%;



}



#column2 .tx-srfeuserregister-pi1 label {



    font-family: 'Alegreya+Sans', sans-serif;

    font-size: 250%;

    /*color: #727272;  2025:*/ color: #363636;

    margin-top: 3%;

    margin-bottom: 2%;

    padding-right: 2%;

    text-align: left;

    width: 200%;



}





#column2 .tx-srfeuserregister-pi1 dd {



    float: left;

    width: 80%;



}





#column2 .tx-srfeuserregister-pi1 input[type=text] {

  

    font-family: 'Alegreya+Sans', sans-serif;

    font-size: 250%;

    /*color: #727272;  2025:*/ color: #363636;

    padding: 0 5%;

    line-height: 200%;

    cursor:pointer;

    border-radius: 1.5%;

    /*border-color: #727272;*/
    border-color: #363636; /*2025*/

    margin-bottom: 2%;

    width: 100%;

    float: left;



}



#column2 .tx-srfeuserregister-pi1 input[type=password] {



    font-family: 'Alegreya+Sans', sans-serif;

    font-size: 250%;

    /*color: #727272;  2025:*/ color: #363636;

    float: left;

    padding: 0 5%;

    line-height: 200%;

    cursor:pointer;

    border-radius: 1.5%;

    /*border-color: #727272;*/
    border-color: #363636; /*2025*/

    margin-bottom: 3%;

    float: left;

    width: 100%;

  

}



#column2 .tx-srfeuserregister-pi1 input[type=radio] {

  

    /*border-color: #727272;*/
    border-color: #363636; /*2025*/

    /*color: #727272;  2025:*/ color: #363636;

    display: inline-block;

    width: 3%;

    position: relative;

    /*background-color: #727272;*/
    background-color: #363636; /*2025*/

    margin-bottom: 3%;

  

}



#tx-srfeuserregister-pi1-gender-0 {



    width: 3em;

    height: 3em;

    margin-right: 1%;

    /*color: #727272;  2025:*/ color: #363636;

}



#tx-srfeuserregister-pi1-gender-1 {



    width: 3em;

    height: 3em;

    /*color: #727272;  2025:*/ color: #363636;

}



#column2 .tx-srfeuserregister-pi1 label[for=tx-srfeuserregister-pi1-gender-0] {



    margin: 0;

    width: 0%;



}



#column2 .tx-srfeuserregister-pi1 label[for=tx-srfeuserregister-pi1-gender-1] {



    margin: 0;

    width: 0%;

}





#column2 .tx-srfeuserregister-pi1 input[type=submit] {

  

    font-family: 'Alegreya+Sans', sans-serif;

    font-size: 250%;

    /*color: #727272;  2025:*/ color: #363636;

    width:auto;

    float: left;

    position:relative;

    padding: 0 5%;

    line-height: 200%;

    cursor:pointer;

    border-radius: 1.5%;

    /*border-color: #727272;*/
    border-color: #363636; /*2025*/

    margin-bottom: 3%;



  

}





/* MAIL AN WEBMASTER */



#column2 .csc-mailform-field label {



    font-family: 'Alegreya+Sans', sans-serif;

    font-size: 250%;

    /*color: #727272;  2025:*/ color: #363636;

    margin-top: 3%;

    padding-right: 2%;

    text-align: left;

    width: 130%;



}



#column2 .csc-mailform-field input[type=text] {

  

    font-family: 'Alegreya+Sans', sans-serif;

    font-size: 250%;

    /*color: #727272;  2025:*/ color: #363636;

    float: left;

    padding: 0 5%;

    line-height: 200%;

    cursor:pointer;

    border-radius: 1.5%;

    /*border-color: #727272;*/
    border-color: #363636; /*2025*/

    margin-bottom: 3%;

    margin-top: 2%;

    width: 130%;



}





#column2 .csc-mailform-field textarea[name=nachricht] {

  

    font-family: 'Alegreya+Sans', sans-serif;

    font-size: 250%;

    /*color: #727272;  2025:*/ color: #363636;

    position:relative;

    cursor:pointer;

    border-radius: 1.5%;

    /*border-color: #727272;*/
    border-color: #363636; /*2025*/

    margin-bottom: 3%;

    margin-top: 2%;

    width: 140%;



}



#column2 .csc-mailform-field input[type=submit] {

  

    font-family: 'Alegreya+Sans', sans-serif;

    font-size: 250%;

    /*color: #727272;  2025:*/ color: #363636;

    width:auto;

    float: left;

    position:relative;

    padding: 0 5%;

    line-height: 200%;

    cursor:pointer;

    border-radius: 1.5%;

    /*border-color: #727272;*/
    border-color: #363636; /*2025*/

    margin-bottom: 3%;

  

}



/*#column2 .csc-mailform-field img {



    width: 150%;

    height: 150%;



}*/



/* table Trainingsorte */



#c1137 table {

    width: 100%;

    font-size: 150%;

}



/* FUSSZEILE*/







footer {



    position: relative;



    align-items: center;



    width: 100%;



    float:left;



    text-align: center;



    /*background-color: #727272;*/
    background-color: #363636; /*2025*/


    height: 100%;







}







.social_media {



    position: relative;



    float: left;



    margin-left: 3%;



    margin-top: 3%;



}







.social_media a img {



    height: 250%;

    

    width: 250%;



}





.links1 {



    position: relative;



    float: right;



    margin-right: 5%;



    padding: 2% 2%;



    align-items:center;



    height: 100%;



    text-align: justify;  



}







.links1 li {



    position: relative;



    padding: 6% 3%;







}







.links1 a {



    font-weight: 100;



    font-size: 250%;



    text-decoration: none;



    color: #ededed;



}







.links1 a:hover {



    color: #cb4a1a;



}







.links2 {



    position: relative;



    float: right;



    margin-right: 1%;



    padding: 2.2% 2%;



    align-items: center;



    height: 100%;



    text-align: justify;



    



}







.links2 li {



    position: relative;



    padding: 7% 3%;











}







.links2 a {



    font-weight: 100;



    font-size: 250%;



    text-decoration: none;



    color: #ededed;



}







.links2 a:hover {



    color: #cb4a1a;



}







.copyright {



    font-size: 200%;



    /*color: #727272;  2025:*/ color: #363636;



    max-width: 100%;



    align-items: center;



    float:right;



    margin-top: 2%;



    margin-bottom: 3%;



    margin-right: 3%;



    vertical-align: center;



    text-align: right; 



}



/*.links2 {



    position: relative;



    vertical-align: center;



    text-align: right;



    margin-right: 20px;



    margin-top: -6em;



    



}







ul .links2 {



    list-style: none;



}



    



.links2 li {



    display: outline;



    padding: 0 10px 0 10px;



    height: 1.5em;



}







.links2 a {



    font-weight: 100;



    font-size: 1.100em;



    text-decoration: none;



    color: #ededed;



    padding: 20px;



}*/