@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);
@import 'https://fonts.googleapis.com/css?family=PT+Sans';
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.p {
    font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
    font-weight: 400;
}

.h3,
h3 {
    color: black !important;
}

.a:hover,
a:hover {
    text-decoration: none !important;
    color: #000 !important;
}

.container {
    width: 1030px !important;
}

.paragraph {
    font-size: 0.875em;
}

.h3,
h3 {
    font-size: 1.438em;
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.spaceing {
    margin-top: 5%;
    line-height: 30px;
}

.pa {
    line-height: 25px;
}

/*.article {
	margin-bottom:1px !important;
	padding-bottom:1px !important;
}*/
.article h1 {
    font-size: 1.638em;
	margin-bottom:0.8em;
    font-weight: 400;
}
/*.article h1 + h1 {
	margin-top:-111px !important;
	padding-top:-111px !important;
}*/

.article ul { 
	margin:0 0 0 1.3em;
	padding:0 0 0 0;
	list-style:disc;
    /*list-style: none outside none;*/
}
.article ul li {
	padding:0 0 0.5em 0.5em;
}

/*.article + .article {
    margin-top: -13px !important;
}*/



/** HEADER **/

#logoContainer {
	position:relative;
}
/*#logo {
    max-width: 100px;
	position:absolute;
	left:0px;
	bottom:0px;
}*/
#logo-lg {
    margin: 0 auto;
    max-width: 100%;
    /*margin-top: 14%; altes Logo*/
    margin-top: 24px;
}
#logoClaim {
	position:absolute;
	right:49px;
	bottom:0px;
	font-size:15px;
	font-weight:200;
	font-family: 'PT Sans', sans-serif;
	color: #005789;
	letter-spacing:1px;
}

/** MOBILE NAV BAR IMAGE **/

.brand {
    max-width: 27px;
}


/** MOBILE NAV **/

#brand-a {
    height: 0px;
}


/** HEADER TEXT (Mit uns gemeinsam an einem Tisch) **/

#header-text {
    margin-top: 72px;
    font-size: 30px;
    color: #005789;
    font-weight: 400;
    letter-spacing: 2px;
    float: right;
}


/** MEDIA QUERIES FOR HEADER TEXT **/

/*@media screen and (max-width: 992px) {
    #header-text {
        margin-top: 50px;
    }
}

@media screen and (max-width: 768px) {
    #header-text {
        margin-top: 5px;
    }
}
*/

/**
------------------
NAV
------------------
**/

.listMenuChild--title {
    font-size: 1.638em;
    margin-left: 20px;
}

.listMenuChild--title:active {
    color: black;
}

.listMenuChild--subtitle {
    font-size: 14px;
    margin-right: -2px;
}

.sub-nav {
    margin-left: -7%;
}

.sub-nav li {
    list-style: none;
    margin-bottom: 2%;
    margin-top: 1%;
}

.listMenuChild {
    list-style-image: url("../img/bg_li.png");
    margin-top: 0;
	padding-top:5%;
}

.listMenuChild--title:hover {
    list-style-image: url("../img/bg_li_h.png");
}

.listMenuChild:hover {
    list-style-image: url("../img/bg_li_h.png");
}

.active-bullet {
    list-style-image: url("../img/bg_li_h.png");
}

.actives {
    color: black;
}

.listMenuItem {
    margin-top: 14%;
    margin-left: 5%;
}


/***************
******INDEX*****
***************/


/** 3 people DIV **/

.centered {
    width: 100%;
    text-align: center;
}


/** 3 people DIV **/

#paan_bg {
    position: relative;
    height: 521px;
    width: 200px;
    background-image: url("../img/paan_home_2020.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
}

#thin_bg {
    position: relative;
    height: 521px;
    width: 200px;
    background-image: url("../img/thin_home_2021.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
}

#role_bg {
    position: relative;
    height: 521px;
    width: 200px;
    background-image: url("../img/role_home_2020.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
}

#paan_subtitle {
    position: absolute;
    bottom: 0;
    margin-left: 30%;
}

#thin_subtitle {
    position: absolute;
    bottom: 0;
    margin-left: 21%;
}

#role_subtitle {
    position: absolute;
    bottom: 0;
    margin-left: 22%;
}

.sb {
    font-size: 16px;
    color: #005789;
    letter-spacing: 1px;
}


/** PEOPLE IMAGES **/

.person img {
    width: 100%;
    height: 100%;
}

.people {
    margin-top: 50px;
}


/** IMAGE SUBTITLE **/

.image-name {
    font-size: 18px;
    color: #005789;
}


/** CENTER IMAGE SUBTITLE **/

div.person p {
    text-align: center;
}

#center-person {
    display: inline-block;
}


/***************
*****FOOTER*****
***************/

.footer {
    /*background-image: url("../img/footer.jpg"); vor Jubiläum */
    background-image: url("../img/footer.png");
    background-repeat: no-repeat;
    color: #fff;
    width: 100%;
    font-size: 15px;
    font-weight: 300;
    margin-top: 15px;
    background-position: 0 15px;
	
	line-height:1.45;
}

.footer a {
    color: #fff;
}

.footer > div {
    padding: 18px 0 18px 18px;
}


.ulContainer3spalten {
	display: table;
	width: 100%;
}
.ulContainer3spalten ul {
	list-style: none;

	text-align: justify;
	padding: 0 0 0 0; /* optionales Patch weil unten an Liste immer ein wenig padding bleibt: padding: 1.6% 0 0 0; */

	display: table-cell;
	vertical-align: middle;
}
.ulContainer3spalten ul:after {
	content: '';
	display: inline-block;
	width: 100%;
}
.ulContainer3spalten ul li {
	display: inline-block;
	vertical-align: top;
	text-align: left;

	width: 27%; /* 3 Spalten: max. 27% bei padding 3% */
	padding: 3% 3% 0 3%;
}

.trust {
    font-size: 0.813em;
    margin-top: 9px;
    margin-left: -16.5px;
}

/*.member {
    font-size: 0.813em;
    margin-top: 9px;
    margin-left: 69px;
}*/

.contact {
    font-size: 0.813em;
    margin-top: 9px;
    margin-left: 4px;
}

.address {
    font-size: 0.813em;
    margin-top: 9px;
    /*margin-left: 12px;*/
}

.stv-logo {
    font-size: 0.813em;
}
.member-logo-ts {
    width: 115px;
    margin-top: 0px;
    margin-left: 0px;
	
}
.member-logo {
    margin-top: -20px;
    margin-left: 68px;
}

.col-sm-8 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}


/***************
***SERVICES*****
***************/


/* BACKGROUND STERNENGUCKER */

#bg--service {
    /*background-image: url(../img/sternengucker.jpg);*/
    background-repeat: no-repeat;
    /*background-size: 100%;*/
    background-position:  right 40px;
    margin-top: -100px;
}


/* MARGIN FOR ARTICLES AND HEADER TEXT */
.articles {
    margin-top: 55px;
}

.header-text--service {
	margin-top:12px;
    margin-bottom: 25px;
    font-size: 30px;
    color: #005789;
    letter-spacing: 2px;
}


/* SUB SITE SERVICE */

/*#bg--service--sub {
    background-image: url(../img/sternengucker.jpg);
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: top right;
    margin-top: -100px;
}
*/

/***************
*****ABOUT *****
***************/

.ro--image {
    max-height: 100%;
    max-width: 100%;
}

.motto {
    font-size: 23px;
    color: #005789;
}

.person--info {
    font-size: 14px;
	color: #005789;
    margin-top: 10px;
}


/* centered columns styles for person addon */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.blue {
  color: #005789;
}

.person--info--bottom {
  margin-top: -30px;
}

.person--info-image {
    font-size: 13px;
    color: #000;
    margin-top: 45px;
	height:89px;
}


#header-text--about {
    margin-bottom: 65px;
    font-size: 30px;
    color: #005789;
}

#team-coverflow {
	height:200px;
}
/* Nur Firefox */
@-moz-document url-prefix() {
	#team-coverflow {
		height:220px;
	}
}

#intro {
    margin-bottom: 5%;
    margin-top: 5%;
}

.person-addon {
    margin-top: 5%;
    margin-bottom: 2.3%; /* verschiebt Cover Flow nach oben: 2.5% */
}


/* MEDIA QUERIES FOR HEADER TEXT IN SERVICE 

@media screen and (max-width: 570px) {
    #header-text--about {
        margin-bottom: 5px;
    }
    .person-addon {
        margin-top: 5px;
    }
    .motto {
        margin-top: 5%;
    }
    .articles {
        margin-top: 5px;
    }
    #bg--service--sub {
        background-image: none !important;
    }
    #bg--service {
        background-image: none !important;
    }
    .footer {
        background-image: url("../img/footer1-xs.jpg");
        background-repeat: no-repeat;
        text-align: center;
        background-position: center;
    }
    .header-text--service {
        margin-bottom: 5%;
        text-align: center;
        font-size: 1.5em;
    }
    .article .spaceing {
        margin-top: 10%;
    }
}

*/

@media screen and (max-width: 570px) {}


/*

@media screen and (max-width: 1024px) {
    #header-text--about {
        margin-bottom: 3%;
    }
    .header-text--service {
        margin-top: 0px;
    }
}
*/


/*
@media screen and (max-width: 768px) {
    #header-text--about {
        margin-bottom: 5px;
    }
    .person-addon {
        margin-top: 5%;
        margin-bottom: 5%;
    }
    .motto {
        margin-top: 5%;
    }
    #team-coverflow {
        margin-top: 60px;
    }
    .articles {
        margin-top: 5px;
    }
    #bg--service--sub {
        background-image: none !important;
    }
    #bg--service {
        background-image: none !important;
    }
    .header-text--service {
        margin-top: 0px;
    }
}

*/


/* TOOLS HTML */

.tools--title {
    font-size: 1.563em;
    color: #005789;
    /*color: #0079bc; blau alt*/
    margin-bottom: 17px;
    margin-left: 17px;
    margin-top: 50px;
}

.sub-service--ul {
    margin-left: -25px;
}

.sub-service--ul li {
    list-style-image: url("../img/bg_li_small.png");
    margin-top: 1%;
}

.service--image {
    margin-top: 4%;
}

.list-group-item { background-color:transparent; }
.list-group-item-text {
	line-height:1.4em;
	font-size:0.88em;
}
.list-group-item-heading {
    color: #005789 !important;
	line-height:1.4em;
	font-size:14px;
}



.umAktiv { color:black; }


/*.linkTextPfeil { font-size:22px; line-height:1px; vertical-align:-2px; }*/


.eckenRunden {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius:8px;
	border-radius: 8px;
}

.patchBrdrCol { border-color:#ddd !important; }


.txtBlau { color: #005789; }
.txtRot { color: red !important; }
.rahmenRot { border-color: red !important; }



/* Large desktops and laptops */

@media (min-width: 1200px) {}

  .container {
      width: 1030px !important;
  }
/* Landscape tablets and medium desktops */

@media (min-width: 992px) and (max-width: 1199px) {}

  .container {
      width: 1030px !important;
  }
/* Portrait tablets and small desktops */

@media (min-width: 768px) and (max-width: 991px) {}

  .container {
      width: 1030px !important;
  }
/* Landscape phones and portrait tablets */

@media (max-width: 767px) {}

  .container {
      width: 1030px !important;
  }
/* Portrait phones and smaller */

@media (max-width: 480px) {
  .container {
      width: 1030px !important;
  }
}