@font-face {
    font-family: Open Sans;
    src: url("Fonts/Open_Sans/OpenSans-Regular.ttf") format('truetype');
}
@font-face {
    font-family: Open Sans;
    font-weight: bold;
    src: url("Fonts/Open_Sans/OpenSans-Bold.ttf") format('truetype');
}
@font-face {
    font-family: Open Sans;
    font-weight: 300;
    src: url("Fonts/Open_Sans/OpenSans-Light.ttf") format('truetype');
}
@font-face {
    font-family: Open Sans;
    font-style:italic;
    src: url("Fonts/Open_Sans/OpenSans-Italic.ttf") format('truetype');
}

body {
font-family: 'Open Sans', sans-serif;
color:#737373;
font-size:100%;
line-height: 1.42857143;
}

/* Header */
.row-top {
padding:15px 0;
min-height:99px;
}
#logo {
padding-top:20px;
}
#logo a, #logo a:hover {
	text-decoration:none;
}


#telge {
float:right;
background: url('telge-g.jpg');
background-size: cover;
width:80px;
height:99px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
#telge:hover {
background: url('telge-b.jpg');
background-size: cover;
}


.container {
font-size:1.7em;
max-width: 1200px;
}



/* Content */
#content_bg {
width:100%;
}

.full-width {
width:100%;
height:auto;
}

.box-bgt {
background:#02bfdf;
padding:15px;
width:100%;
min-height:484px;
color:#fff;
}
.box-bgt h1, .box-bgt h2, .box-bgt h3, .box-bgt h4, .box-bgt a, .box-bgt a:hover {
color:#fff;
margin-top:0;
padding-top:0;
}

/* galerie */
.galerie {
margin:0 -5px 30px;
}
.galerie .image {
width: 275px;
margin:5px;
padding:10px;
float:left;
height:auto;
overflow:hidden;
position:relative;
border:1px solid #ccc;
text-align:center;
}
.galerie .image img {
max-height:100%;
max-width: 100%;
}
.galerie .image p {
display:none;
}

.contetnttable td {
padding:2px;
border:2px solid #fff;
min-width:130px;
}

/* Footer */
.row-footer {
margin:30px 0 0;
background:#02bfdf;
color:#fff;
padding-top:30px;
min-height:250px;
font-size:1.3em;
font-weight:200;
}
.row-footer a, .row-footer a:hover {
text-decoration:none;
color:#fff;
}
.row-footer .txt-img  {
padding:0 15px;
}

.visuallyhidden {
display:none;
}

/* Anpassung lightbox */
a.lightbox {
position:relative;
}

/* Back to Top Link */
a.back-to-top {
font-size:3rem;
color:#616469;
position: fixed;
bottom:20px;
right:20px;
padding:1em;
display:block;
transition: 0.5s all ease-in;
}
a:hover.back-to-top, a:active.back-to-top {
color:#000;
}
a:visited.back-to-top {
color:#616469;
}
a:focus.back-to-top {
outline: none;
}

/* allgemein */


h1 {
color:#616469;
font-weight:normal;
line-height:normal;
font-size:2em;
padding:10px 0 15px 0;
margin:0;
}
h2 {
color:#616469;
font-weight:normal;
line-height:normal;
font-size:1.5em;
margin:0;
padding:15px 0 6px 0;
}
h3 {
color:#616469;
font-weight:normal;
line-height:normal;
font-size:1.4em;
padding:10px 0 5px 0;
margin:0;
}
h4 {
color:#616469;
font-weight:normal;
line-height:normal;
font-size:1.3em;
padding:8px 0 3px 0;
margin:0;
}
h5 {
color:#616469;
font-weight:bold;
line-height:normal;
font-size:1.2em;
padding:8px 0 3px 0;
margin:0;
}

a {
color: #616469;
text-decoration:none;
}
a:hover
{
color: #555;
text-decoration:none;
}
.container a:hover
{
color: #555;
text-decoration:underline;
}

a:active
{
  outline: none;
}
a:focus {
-moz-outline-style: none;
}

p {
padding:0 0 15px 0;
margin:0;
}

hr {
border-top: 1px solid #ccc;
}
.img-left {
width:100%;
height:auto;
margin-bottom:30px;
}

.container ul li {
margin:2px 0 2px 15px;
list-style-type:circle;
list-style-position:outside;
}

.cleardiv {
	clear:both;
}

/* vorher-nachher Modul */
.twentytwenty-wrapper {
margin-bottom:30px;
}
/* Bootstrap anpassen */
.form-control {
max-width:300px;
margin:0 0 4px 0;
}
.form-control:focus {
border-color:#0942a6;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #0942a6;
}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
border-top: 1px solid #fff;
}
/* Bootstrap Carousel */

.carousel {
	width:100%;
	text-align:center;
    height: auto;
    margin-bottom: 20px;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    height: auto;
    max-width:100%;
    margin:auto;
}

.carousel-caption {
display:none;
}

.carousel-caption .weiter {
position:absolute;
height:auto;
right:20px;
bottom:15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #fff;
background-color:#fff;
font-weight:normal;
}
.carousel-indicators {

}
.carousel-indicators li {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 13px;
    cursor: pointer;
    display: inline-block;
    height: 13px;
    margin: 1px;
    margin-right:2px;
    text-indent: -999px;
    width: 13px;
}
.carousel-indicators .active {
    background-color: #fff;
    height: 14px;
    margin: 0;
    margin-right:2px;
    width: 14px;
}
.carousel-indicators {
bottom: 0;
}
.container .carousel a:hover {
color:#fff;
}
.carousel-control.left {

}
.carousel-control.right {

}

@media (max-width: 1200px) {

.box-bgt {
min-height:352px;
}

}

@media (max-width: 769px) {

	h2 {
	padding:5px 0 6px 0;
	}
	.img-left {
	margin-top: 15px;
	margin-bottom: 5px;
	}
	.col-main {
		font-size: 18px;
	}

}

@media (max-width: 600px) {

	.row-footer {
	    font-size: 1em;
	}

}

@media (max-width: 480px) {

	#logo {
	padding-top:10px;
	}
	#logo img {
	width:100%;
	height:auto;
	}
	#telge {
	background-size: cover;
	width:100%;
	height:auto;
	margin-right:1px;
	}
	#telge img {
	width:100%;
	height:auto;
	}
	.row-footer {
	    font-size: 1.3em;
	}

}