/*-----------------------------------------------------------*/
/*
       Name: cMain.css
    Version: 2.1.0
      Stand: 2018-06-13, 21:45:00
        (c): Peter Hartmann
*/
/*-----------------------------------------------------------*/

/*----------------------------------------------------------------------*/
/* Formatieren des jeweils aktuellen Menübereichs via body id und li id */
/*----------------------------------------------------------------------*/
#b-home           ul li#home > a,     /* Home / Home */
#b-about_us       ul li#about_us > a, /* Über uns / About us */
#b-services       ul li#services > a, /* Unsere Leistungen / Our Services */
#b-news           ul li#news > a,     /* Aktuelles / News */
#b-contact        ul li#contact > a   /* Kontakt / Contact */
{
    /* background-color: #486D9E; */
    /* background-color: #b0c4de; */
    background-color: #486D9E;
}

/*----------------------------------------------------------------------*/
/* Formatieren des jeweils aktuellen Menübereichs via body id und li id */
/* Hier: hover                                                          */
/*----------------------------------------------------------------------*/
#b-home           ul li#home > a:hover,     /* Home / Home */
#b-about_us       ul li#about_us > a:hover, /* Über uns / About us */
#b-services       ul li#services > a:hover, /* Unsere Leistungen / Our Services */
#b-news           ul li#news > a:hover,     /* Aktuelles / News */
#b-contact        ul li#contact > a:hover   /* Kontakt / Contact */
{
    /* background-color: #4682b4;*/
    /* background-color: #2B6BA0; */
    /* background-color: #4682B4; */
    /* background-color: #487CB6; <! */
    /* background-color: #0B64C6; */
    /* background-color: #9CB6D3; */
    /* background-color: #486A90; */
    /*background-color: #2D527C;*/
    /* background-color: #2361a7; */
    background-color: #1e538f;
}


#topnavDiv,
ul.topnav,
#page,
#footer,
#content,
#header {
    width: 1200px;
}


#page {
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    /*width: 1200px;*/
    position: relative;
}

/*Bullet list of Peter's services*/
.servicelist {
    color: black;
    line-height:200%;
    margin-left: -18px;
}

/*Format for HOME page*/
#left,
.left,
#left_tk_bild,
#left_ph_bild {
    width: auto;
    margin-right: 3px;
}

#left_tk_bild,
#left_ph_bild,
.left_mitarbeiter_bild {
    min-width: 270px;
}

#right,
.right,
#right_tk_text
#right_pk_text {
    padding: 0;
    margin-left: 20px;
    float: right;
    width: auto;
    padding-right: 3px;
    /* Abstand nach Bild schaffen, z.B. Home zwischen Bildunterschrift und Fusszeile */
    margin-bottom: 10px;
}

body#b-contact #right,
body#b-contact .right {
    width: 40%;
}

#left_tk_bild,
#left_ph_bild,
.left_mitarbeiter_bild {
    float: left;
    margin-right: 10px;
}
#right_tk_text,
#right_ph_text {
    float: none;
}

#PH,
#MITARBEITER,
.person {
    clear: both;
}


h3 + .person {
    margin-top: -15px;
}
.person {
    padding-top: 20px;
}

.person div.right_mitarbeiter_text p {
    margin-top: 0px;
}

div#MITARBEITER div.person div.right_mitarbeiter_text div#right_ph_text h2:first-of-type {
    margin-top: 0px;
}

div#TK div#right_tk_text h3,
div#PH div#right_ph_text h3,
div#TK div#right_tk_text h2,
div#PH div#right_ph_text h2 {
    margin-top: 0px;
}

.image_right {
    /* Damit Bildunterschriften mit dem Bild abschliessen */
    margin-left: 0px;
}

#ul_tk {
    margin-left: 221px;
}

#ul_tk ul,
#ul_ph ul {
    list-style-type: square;
}
#ul_tk ul li {
    margin-bottom: 5px;
}

/*--------------------------------------------------*/
/* Lebenslauf Peter bei schmalem Bildschirm
/*--------------------------------------------------*/
.right_peter_lebenslauf_schmal {
    float: none;
    margin-left: 0px;
}

.right_peter_lebenslauf_zu_schmal {
    float: none         !important;
    margin-left: 0px    !important;
}

#right .peter_lebenslauf_left_zu_schmal {
    float: none;
    clear: both;
}

.peter_lebenslauf_left_schmal #ul_ph ul {
    margin-left: -25px;
}


.peter_lebenslauf_left_breit #ul_ph ul {
    margin-left: 0px;
}


/*--------------------------------------------------*/
/* Lebenslauf Peter bei breitem Bildschirm
/*--------------------------------------------------*/
.peter_lebenslauf_breit {
    float: right;
    margin-left: 20px;
}

/*------------------------------------*/
/* Bilder Mitarbeiter                 */
/*------------------------------------*/
#PH,
#MITARBEITER {
    padding-top: 20px;
}

.abstand {
    clear: both;
    float: none;
    height: 0;
    line-height: 1px;
    margin-bottom: -21px;
    padding-bottom: 0;
}


#left_mitarbeiter p,
#right_mitarbeiter p {
    clear: both;
}

/*------------------------------------*/
/* Bilder Mitarbeiter Ende            */
/*------------------------------------*/

#TK p,
#PH p {
    padding-bottom: 0px;
    margin-bottom: 0px;
}


#klammer {
    border: 1px solid;
    width: 70%;
}

#footer {
    clear: both;
    /*width: 1200px;*/
}


.disclaimertext {
    margin-right: 250px;
    margin-top: 50px;

    font-family: Arial, Helvetica, sans-serif;
    font: 14px;
    color: black;
}

.header {
    margin-top: 40px;
    margin-bottom:30px;
    padding-bottom:20px;

    font-family: Arial, Helvetica, sans-serif;
    font-size:30px;
    color: black;
    letter-spacing:0.1em;
}

.textbelowheader {
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom:1px;
    padding-bottom:2px;

    font-size:24px;
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    letter-spacing:0.1em;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;

    font-family: Verdana, sans-serif;
    color: black;
    background-color: white;
}

#content {
    /*margin-top: 40px;*/
    margin-top: -5px;
    font-size:16px;
    min-height:400px;
    background-color: white;
    /*width: 1200px;*/
}


h1 {
    /* margin-bottom: 40px; */
    margin-bottom: 35px;
    margin-top:40px;
    padding-bottom:2px;

    font-family: Arial,Helvetica,sans-serif;
    font-size: 28px;
    font: bold;
    letter-spacing:0.1em;
    text-align: left;
    color: #333333;
    line-height: normal;
}

h2 {
    font-size: 1.1em;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
    color: #333333
}

h3 {
    font-size: 1em;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
    color: #333333
}

/* erster Absatz nach einer Zwischenüberschrift
Abstand zum Text verringern, default war 16px Abstand
*/
h3 + p {
    margin-top: -12px;
}

.klein {
    display: inline;
    font-size: 10px;
    font-family: Verdana, sans-serif;
    text-align: left;
    color: #333333
}

.downloadbereich {
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 10px;
    border: 1px solid #708090;
}

.downloadbereich ul li {
    margin-top: 0.5em;
    margin-bottom: -0.8em;
    padding-bottom: 0;
    padding-left: 1em;
    list-style-type: square;
    /*list-style-type: disc;*/  /* wenn nichts gesetzt ist dann wird dieses Symbol verwendet!*/
}

.uploadbereich {
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 10px;
    border: 1px solid #708090;
}

input.txt {
    color: #00008B;
    background-color: #E3F2F7;
}

textarea.txt {
    color: #00008B;
    background-color: #E3F2F7;
}

input.txt_file {
    color: #00008B;
    background-color: #E3F2F7;
}

.txt_file button {
    color: #E3F2F7;
    background-color: #E3F2F7;
    border: 1px inset #00008B;
}

.indent {
    margin-top: 30px;
    margin-left: 14px;
    margin-right: 20px;
}

.indent h1 {
    margin-bottom: 30px;
    font-weight: bold;
}

/*
#navi {
    display: none;
}
*/
#navi ul {
    text-align:center;
    list-style-type:none;
    margin: 0;
    padding: 0;
    padding-top: 14px;
}
#navi ul li {
    display: inline;
}

#navi a {
    margin-right: 2px;
    padding: 3px 10px 2px 10px;
    color: #A62020;
    background-color: #6495ED;
    text-decoration: none;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #717171;
    border-right: 1px solid #717171;

}

#navi a:hover {
    border-top: 1px solid #717171;
    border-left: 1px solid #717171;
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}


#header {
    /*width: 1200px;*/
    text-align:right;
    /*background:repeat-X url(/pictures/balken_2farbig.gif) #919098 12em;*/
    /*background:#87CEFA url('file:///E:/ETP/Administration/GoneoFTP/msweb1/pictures/balken_2farbig.gif') repeat-X 12em 12em;*/

    background-color: white;

    /*height: 148px;*/
}


#logo1 {
    margin-top: 69px;
    /*margin-left: -50px;*/
    /*margin-right: auto;*/
    border: none;
    width: 100%;
    /*height: 86px;*/
    margin-bottom: 58px;
}

.clearAll {
    clear: both;
    line-height: 11px;
}

#header .logoT {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 45px;

    color: white;

    letter-spacing:.1em;
    line-height:40px;
    float: left;
    margin-left: 30px;
}


#page .logoTSprachlink {
    clear: both;
    float: right;
    text-align: right;
    margin-right: 5px;
    color: #595959;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.9em;
    margin-top: 7px;
}

#header .logoTSprachlink {

    clear: both;
    color: #595959;
    float: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.9em;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: 5px;
    padding-bottom: 0;

    position: relative;
    text-align: right;
    top: 75px;
}


.logoTSprachlink a,
.logoTSprachlink a:hover,
.logoTSprachlink a:link,
.logoTSprachlink a:visited {
    color: #595959;
    text-decoration: underline;
}

.logoTSprachlink a:hover {
    color: black;
}

#abstandweiss {
    background-color: #ffffff;
}


/* no effect on menu */
#navigationL {
    padding-top: 0px;
    padding-left: 1px;
    padding-bottom: 0px;

    margin-top: 0px;
    margin-bottom:0px;
    background-color: white;
    width: 220em;
    border: 5px solid #000;
}

/*This is the row that contains the menu items*/
#navigationT {
    padding-top: 1px;
    padding-left: 0px;
    padding-bottom: 1px;

    margin-top: 1px;
    margin-bottom:0px;

    height: 38px;

    background-color: #E1E1E1;
}


/*no effect on display*/
#navcontainerT {
    margin: 0px;
    padding-top: 0px;
    padding-left: 40px;
    padding-bottom: 0.1px;
    height: 38px;
    background-color: #629D8C;
}


#navigationT a {
    font:15px Arial, Helvetica, sans-serif;
    color: #53403C;
    text-decoration:none;
    letter-spacing:0.2em;
}


/* no effect on display  */
#navigationT a:hover {
    /*color: #ffffff;*/
}


/*#########################################################################*/
/*  PART 2   FROM PAUL */


td {
    font:14px Arial, Helvetica, sans-serif;
}

/* ID Stile */

#navigation a {
    font:10px Arial, Helvetica, sans-serif;
    color: #53403C;
    text-decoration:none;
    letter-spacing:.2em;
}

#navigation a:hover {
    color: #ffffff;
}

#borderline {
    border-right:  3px double #919098
}


/* Klassen */

.logo {
    font: bold 50px "Times New Roman", Times, serif;
    color: black;
    letter-spacing:.3em;
    line-height:40px;
}


.bodyText {

    width: 100%;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;

    line-height:22px;
    color: black;
    margin-top: 0px;
    padding-top: 0px;

    padding-right: 3px;
    padding-left: 3px;
}

.bodyText p {
    padding-bottom: 4px;
}



.smallText {
    font: 10px Arial, Helvetica, sans-serif;
    color: #ffffff;
    line-height:16px;
    letter-spacing:.1em;
}

/*title on right*/

#TextRightContainer {
    margin-left: 312px;
    padding-left: 42px;
    margin-top:2em;
    border-left: 3px double #000;
    float: right;
    position: absolute;
}

* html #TextRightContainer {
    margin-left: -3px;
}

#NaviLeftContainer {
    margin-left: 2.5em;
    margin-top: 1.8em;
    float:left;
    width: 17em;
    border-right: 3px double #000;
    font-weight: normal;
    /*background:repeat-Y url(/pictures/balken_2farbig.gif) #919098 12em;*/
}

/* menu title on the left */
.subHeader {
    font-family:Arial, Helvetica, sans-serif;
    font: 16px;
    font-weight: bold;
    color: black;
    line-height:20px;
    letter-spacing:.1em;
    margin-right:2em;
}

.navText {
    font-family:Arial, Helvetica, sans-serif;
    font: 10px;
    /* changing colour has no effect on display*/
    color: #EBDEA9;
    letter-spacing:.2em;
    line-height:18px;
}

/* Vertikales Menü Startseite */



/*      From Paul         */

/*  black = #000000 */
/*  white = #ffffff */
/*  dark brown = #53403C*/
/* light grey = #D5D5D5  */
/* yellow color = #EBDEA9 */




/* Navigation mit Hintergrundgrafiken */
#navimitbg {
    width: 140px;
}

#navimitbg ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#navimitbg li {
    margin: 0 0 .2em 0;
}

/* klären ob notwendig, Ft */
/* grafik nicht vorhanden! */
#navimitbg a {
    display: block;
    padding: 3px 3px 3px 24px;
    background-color: #53403C;
    background-image:  url(images/under.gif);
    background-repeat: no-repeat;
}

#navimitbg a:link,
#navimitbg a:visited {
    color: #000000;
    text-decoration: none;
}

/* klären ob notwendig, Ft */
/* grafik nicht vorhanden! */
#navimitbg a:hover,
#navimitbg a:active {
    background-color: #53403C;
    background-image:  url(images/over.gif);
    background-repeat: no-repeat;
    font-weight: bold;
}


a#footer {
    max-width:100%;
    background:#D5D5D5 none repeat scroll 0 0;
    border:0 none;
    border-top:1px solid #999999;
    min-width:740px;
    padding:0;
    margin-top: 50px;
    position:relative !important;
    clear:both;
}


#imprintcontent {
    font-size:14px;
    margin-top: 50px;
    min-height:400px;
    margin-left:40px;
}

#footer_content {
    margin-top: 50px;

    background:#E9E9E9 none repeat scroll 0 0;

    color:#666666;

    padding:10px 0px;
    padding-left: 40px;
    font-size:13px;
    margin-bottom: 0px;
}

#footer a:focus,
#footer a:hover,
#footer a:active {
    background-color: #919098;
    color:#FFFFFF;
    text-decoration:none;
}

#footer a {
    background:transparent none repeat scroll 0 0;
    color:#666666;
    font-weight:normal;
    margin-right: 15px;
}

/*--------title on right above the body text------------*/
.header_sr {
    font-family: Arial, Helvetica, sans-serif;
    font-size:24px;
    font-weight:bold;

    color: black;
    letter-spacing:0.1em;
    margin-bottom:1px;
    margin-top:40px;
    margin-left:40px;
    padding-bottom:2px;
}

/*-------------this is body text for the single row */
.bodyText_sr {
    margin-left: 40px;
    margin-top: 15px;
    padding-top: 0px;

    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;

    line-height:22px;
    color: black;
}


/*############################################################################*/
/* wg. Subnavigation                                                          */
/* Bernd                                                                      */
/*############################################################################*/

ul.topnav {
    margin-left: auto;
    margin-right: auto;
    /*width: 1200px;*/
    padding-left: 20px;
    /* 1200 - padding-left */
    /*width: 1180px;*/

    list-style: none;
    margin: 0;
    float: left;
    font-family:Arial,Helvetica,sans-serif;
    font-size: 15.25px;
    letter-spacing: 0.2em;
    background-color: #718DAC;
}
ul.topnav li.dropdown_trigger {
    float: left;
    margin: 0;
    padding: 0 15px 0 0;
    position: relative; /*--Declare X and Y axis base for sub navigation--*/
    background-color: #718DAC;  /* Helles Blau der Navigationsleiste */
}
ul.topnav li.dropdown_trigger a {
    padding: 10px 5px;
    color: #fff;
    display: block;
    text-decoration: none;
    float: left;
}
ul.topnav li.dropdown_trigger a:hover {
    /*background: url("/images/topnav_hover.gif") no-repeat center top;*/
}

ul.topnav li.dropdown_trigger span {
   /*--Drop down trigger styles--*/
    width: 17px;
    height: 35px;
    height: 39.25px;
    float: left;
    /* background: #718DAC url("/images/Nsubnav_btn.png") no-repeat center center; */
    top: 12px;
    position: relative;
    font-size: 11px;
}

/*--Hover effect for trigger--*/
ul.topnav li.subhover,
ul.topnav li span.subhover,
ul.topnav li.subhover span {
    cursor: pointer;
    /*background-color: #486D9E;*/
    background-color: #1e538f;
    z-index: 10;
}
ul.topnav li.dropdown_trigger a:hover {
    /*background-color: #486D9E;*/
    background-color: #1e538f;
}


ul.topnav li.dropdown_trigger ul.subnav {
    list-style: none;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    left: 0;
    /* Abstand des Untermenüs zum Hauptmenü */
    top: 39px;
    background-color: #718DAC;
    margin: 0;
    padding: 0;
    display: none;
    float: left;
    width: 170px;
    border: 1px solid #A1B8C0;  /* wichtig */
}
ul.topnav li.dropdown_trigger ul.subnav li {
    margin: 0;
    padding: 0;
    clear: both;
    width: 170px;
}
html ul.topnav li.dropdown_trigger ul.subnav li a {
    float: left;
    /* width: 145px; */
    width: 100%;
    /*background: #718DAC url("/images/Ndropdown_linkbg.png") no-repeat 10px center;*/
    background-color: #718DAC;
/*    url("/images/Ndropdown_linkbg.png") no-repeat 10px center;*/
    padding-left: 10px;
}


.fa-angle-right::before {
    margin-right: 5px; /* Abstand zum zwischen Text und > in Subnavigation */
}


html ul.topnav li.dropdown_trigger ul.subnav li a:hover {
    /*--Hover effect for subnav links--*/
    /*background: #486D9E url("/images/Ndropdown_linkbg.png") no-repeat 10px center;*/
    /* background-color: #486D9E; */
    background-color: #1e538f;
}



    /* ersetze #topnav2 durch topnavDiv
               ul durch ul.topnav
    */

#topnavDiv ul.topnav li.dropdown_trigger span.hatSubNav:before {
    content: "\f078";
    color: #fff;
}




/*############################################################################*/
/* wg. Subnavigation  Ende                                                    */
/*############################################################################*/




/* Navigation für kleine Bildschirme vorbereitung Beginn*/
button.menu-toggle.fa.fa-times,
button.menu-toggle.fa.fa-bars {
    font-size: 29px;
    cursor: pointer;
    color: #fff;
}
button#Mobile_menu_close.menu-toggle,
button#Mobile_menu_open.menu-toggle {
    float: none;
    /*background-color: #FF9327;*/
    background-color: #718DAC;
    position: relative;
    height: 31px;
    width: auto;
    z-index: 1004;
    border: none;
    display: none;
    margin-left: auto;
    margin-right: 10px;
}

button#Mobile_menu_close.menu-toggle {
    font-size: 24px;
    padding-bottom: 5px;
}

button#Mobile_menu_close.menu-toggle.fa.fa-times span#infotext_c,
button#Mobile_menu_open.menu-toggle.fa.fa-bars span#infotext_o {
    margin-left: 5px;
    font-size: 22px;
    top: -3px;
    position: relative;
    font-family: Arial,Helvetica,sans-serif;
}

button#Mobile_menu_close.menu-toggle.fa.fa-times span#infotext_c {
    top: 1px;
}

#topnavDiv ul.topnav li.dropdown_trigger ul.subnav.zeigeSub {
        display: block;
}


/* Navigation für kleine Bildschirme vorbereitung Ende*/


.hartmann_und {
    color: rgb(30, 158, 82);
}

.Standort {
    clear: both;
}

iframe.directions_map_frame {
    border: none;
    width: 100%;
    overflow: hidden;
    margin: 0;
}

@media all and (max-width: 1220px) {
	/**/
	#topnavDiv,
	ul.topnav,
	#page,
	#footer,
	#content,
	#header {
		width: 100%;
	}

	body,
    div#page {
        margin-left: 0;
        margin-right: 0;
    }

    h1 {
        width: 100%;
    }

	#header {
		text-align: center;
	}
    #logo1 {
        width: 97%;
		margin-left: auto;
		margin-right: auto;
		vertical-align: center;
    }

    /* Titelbild index */
    .right,
    #right {
        width: auto;
    }

	.bodyText {
		padding-left: 17px;
	}
}

@media all and (max-width: 800px) {
	/*#header { background-color: yellow; } */
    body,
    h1,
    #header,
    #footer,
    #content,
    #page {
        width: 100%;
    }

	/*.image_right img {
		width: 50%;
	}*/

}

@media all and (max-width: 790px) {
    /*---------------------------------------------*/
    /* Navigation in mobile ändern                 */
    /*---------------------------------------------*/
    /* ersetze #topnav2 durch topnavDiv
               ul durch ul.topnav
    */

    /* Minus bei geöffneter Subnavigation */
    #topnavDiv ul.topnav li.dropdown_trigger span.hatSubNav.SubNavOpen:before {
      content: "\f068";
        color: #fff;
    }

    #topnavDiv:not(.mobil_open) button#Mobile_menu_open {
      display: block;
    }

    #topnavDiv.mobil_open button#Mobile_menu_close {
      display: block;
    }

    div#topnavDiv ul.topnav {
        display: none;
    }

    #topnavDiv {
        box-sizing: border-box;
        content: "";
        display: table;
    }

    div#topnavDiv {
        /*background-color: #ff9327;*/
        background-color: #718DAC;
        float: none;
        font-size: 15.25px;
        width: 100%;
        padding-right: 34px;
        position: relative;
        /*top: -27px;*/
        box-sizing: border-box;
        /*padding-right: 25px;*/
        padding-right: 0px;
    }

    #topnavDiv.mobil_open ul.topnav,
    #topnavDiv.mobil_open ul.topnav li.dropdown_trigger,
    html #topnavDiv.mobil_open ul.topnav li.dropdown_trigger a {
        float: none;
        display: block;
        width: 100%;
    }

    html #topnavDiv.mobil_open ul.topnav li.dropdown_trigger > a:before {
        content: "\f04b";
        margin-left: -6px;
        margin-right: 4px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
    }


    /* wenn sub geöffnet ist dann gedrehte Version */
    html #topnavDiv.mobil_open ul.topnav li.dropdown_trigger > a.SubNavOpenDown:before {
        content: "\f04b";

        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    #topnavDiv.mobil_open ul.topnav {
      top: 0px;
      margin: 0px;
      padding: 0px;
    }


    #topnavDiv ul.topnav li.dropdown_trigger ul.subnav {
        position: relative; /*--Important - Keeps subnav from affecting main navigation flow--*/
        /*top: 0px;*/
        top: -1px;
        left: 0;
        /* Abstand des Untermenüs zum Hauptmenü */
        display: none;
        float: none;
        margin: 0;
        padding: 0;
        /* width: auto; */
        width: 100%;
        border-right: none;
        border-bottom: none;
        border-left: none;
        /*background-color: #FF9327;*/
        background-color: #718DAC;
        box-shadow: none;
        list-style: none;
        color: #666;
        z-index: 100;
        box-sizing: border-box;
        /* padding-right: 25px; */

    }

    #topnavDiv ul.topnav li.dropdown_trigger a {
        /*color: green;*/
        padding-top: 15px;
        padding-bottom: 15px;
        /*text-align: center;*/
        text-align: left;
        /*border-top: 1px solid gray;*/
        /*border-bottom: 1px solid gray;*/
        border-bottom: 1px solid #A1B8C0;
        padding-left: 20px;
    }

    html #topnavDiv ul.topnav li.dropdown_trigger ul.subnav li {
        /*border-bottom: 1px solid gray;*/
        border-bottom: 1px solid #A1B8C0;
        /* width: 100%; */
        /*width: 103%;*/
        width: 100%;
    }
    html #topnavDiv ul.topnav li.dropdown_trigger ul.subnav li a {
        float: none;
        width: 100%;
        border: none;
        /* padding-left: 20px; */
        padding-left: 64px;
        /* margin-left: 44px; */
        background: none;
        font-size: small;
        box-sizing: border-box;

    }

    /* Versuche mit plus */
    #topnavDiv ul.topnav li.dropdown_trigger span {
        float: right;
        /*height: 28px;*/
        height: 45px;
        display: inline;
        z-index: 2000;
        position: relative;
        top: -19px;
        padding-top: 16px;
        width: 50px;
        margin: -28px;
        margin-right: 20px;
        color: #fff;
        text-align: center;
        font-size: 14px;
        /* border: 1px solid green; */
        cursor: pointer;
    }
    #topnavDiv ul.topnav li.dropdown_trigger span.hatSubNav:before {
        content: "\f067";
    }
    html #topnavDiv ul.topnav li.dropdown_trigger ul.subnav li a:hover
    {   /*-- Hover effect for subnav links --*/
        /* background: #FFCE6B url("/images/Ndropdown_linkbg.png") no-repeat 10px center; */
        background: none;
        /*background-color: #FFCE6B;*/
        /*background-color: #718DAC;*/  /* normalfarbe blau */
        /*background-color: #486D9E; */ /* intensiveres Blau */
        background-color: #1e538f;  /* intensiveres Blau, heller */
        box-sizing: border-box;
        margin-right: 25px;
    }



    html ul.topnav li.dropdown_trigger ul.subnav li a {
        /*float: left;
        width: 145px;
        background: #718DAC url("/images/Ndropdown_linkbg.png") no-repeat 10px center;
        padding-left: 20px;*/
        background: none;
    }
    html ul.topnav li.dropdown_trigger ul.subnav li a:hover {
        /*--Hover effect for subnav links--*/
        /*background: #486D9E url("/images/Ndropdown_linkbg.png") no-repeat 10px center;*/
        background: none;
    }

    ul.topnav {
        border: 1px solid #A1B8C0;
    }

    ul.topnav li.dropdown_trigger {
        padding-right: 0px;
    }

    ul.topnav li.dropdown_trigger ul.subnav li a:hover {
        background-color: #718DAC;
    }

    .fa-angle-right::before {
        position: relative;
        top: -1px;
    }

    /*---------------------------------------------*/
    /* Navigation in mobile ändern ENDE            */
    /*---------------------------------------------*/

    #footer_content {
        font-size:16px;
    }
}

@media all and (max-width: 750px) {
    body,
    h1,
    #header,
    #footer,
    #content,
    #page {
        width: 100%;
    }

}



@media all and (max-width: 655px) {
    body,
    h1,
    #header,
    #footer,
    #content,
    #page {
        width: 100%;
    }


    /* Bilder und Texte team */
    #left_tk_bild,
    #left_ph_bild,
    #right,
    .right,
    body#b-contact #right,
    body#b-contact .right {
        float: none;
        margin-left: 0px;
    }

    body#b-home #right,
    body#b-contact #right,
    body#b-contact .right {
        width: 100%;
    }

    #right_tk_text,
    #right_ph_text {
        float: none;
        margin-left: 0px;
    }

    #ul_tk {
        margin-left: 0px;
    }
    .left_mitarbeiter_bild {
        width: 100%;
    }
}

@media all and (max-width: 597px) {
    body,
    h1,
    #header,
    #footer,
    #content,
    #page {
        width: 100%;
    }


    /* Bilder und Texte team */
    #left_tk_bild,
    #left_ph_bild,
    #right,
    .right {
        float: none;
        margin-left: 0px;
    }

    #right_tk_text,
    #right_ph_text {
        float: none;
        margin-left: 0px;
    }

}