/* fonts lokal einbinden start */
/* roboto-slab-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-slab-v34-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/roboto-slab-v34-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-slab-v34-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-slab-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-slab-v34-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/roboto-slab-v34-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-slab-v34-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/roboto-slab-v34-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-slab-v34-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* eb-garamond-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('/pages/ts-display/modul/Meta/fonts/eb-garamond-v27-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  src: url('/pages/ts-display/modul/Meta/fonts/eb-garamond-v27-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 500;
  src: url('/pages/ts-display/modul/Meta/fonts/eb-garamond-v27-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 500;
  src: url('/pages/ts-display/modul/Meta/fonts/eb-garamond-v27-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  src: url('/pages/ts-display/modul/Meta/fonts/eb-garamond-v27-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 600;
  src: url('/pages/ts-display/modul/Meta/fonts/eb-garamond-v27-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 700;
  src: url('/pages/ts-display/modul/Meta/fonts/eb-garamond-v27-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 700;
  src: url('/pages/ts-display/modul/Meta/fonts/eb-garamond-v27-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 800;
  src: url('/pages/ts-display/modul/Meta/fonts/eb-garamond-v27-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 800;
  src: url('/pages/ts-display/modul/Meta/fonts/eb-garamond-v27-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* great-vibes-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/great-vibes-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fonts lokal einbinden ende */

* {
	font-family: 'Roboto Slab', serif;
	color:#777777;
}
p {font-size:20px;}
form {font-size:16px;}
p > b, i {font-size:22px;margin-right:1px;}

.col-md-12 > ul > li {font-size:20px;}


body {
	font-size:1.2em;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}


/* eigene Eigenschaften */

@media (max-width:768px){
	/* .kontakt_top {display:none;} */
	.navbar-nav {
		background:#000;
	}
}

@media (min-width:768px){
	.kontakt_top {display:block;}

	.nav {float:right;position:relative;}
	.head > .container {padding-bottom:15px;}
	
	.nav > li {border-right:1px solid #444;}
	.nav > li > a {font-size:14px !important;font-weight:bold;letter-spacing:1px;color:#fff;}
	.nav > li > a:hover{background:transparent;color:#B1C903;}
	.nav > li > a:focus, .nav .open > a, .nav .open > a:focus{background:transparent;}
	.nav > .open > a:hover {background:transparent;} 
	
	li.active > a {color:#B1C903;}
	
	.navbar-nav > li > .dropdown-menu {background:#B1C903;border-radius:0;margin-top:0px;}
	
	.navbar-nav > li > .dropdown-menu a:focus {
		width:102%;
		position:relative;
		right:2%;
	}
	
	.navbar-nav > li > .dropdown-menu a:hover {
		width:102%;
		position:relative;
		right:2%;
	}
	.navbar-nav > li > .dropdown-menu .sub-menu a:focus {
		background:#B1C903;
		width:100%;
		right:0%;
	}		
	.navbar-nav > li > .dropdown-menu .sub-menu a:hover {
		background:#B1C903;
		width:100%;
		right:0%;
	}

	ul.dropdown-menu.sub-menu {margin-left:10%;width:80%;font-size:16px;padding-bottom:0px;}

}
@media (min-width:1200px){
	.flex {display:flex;}
	.flex-item {flex:1;}

}
@media (max-width:1200px){
	.pt {
		width:140px;
		margin-right:10px;
		margin-bottom:10px;
	}
}
	.nav > li > a {font-size:22px;}

.dropdown-menu {border-radius:0;}


.head {
	border-bottom:4px solid #B1C903;
	background-color:#000;
	height:55px;
	margin-bottom:60px;
}

.head a {color:#777777;}
.head h1 {color:#B1C903;}


.head .logo {
	float:left;
	margin:20px 0;
}

.kontakt_top {
	position:absolute;
	top:0px;
	right:0px;
}

.dropdown-menu>li
{	
	position:relative;
	cursor:pointer;
}
.dropdown-menu .sub-menu {
	  position:relative;
    display:none;
    margin-top: 0px;
		box-shadow:none;
		background:#B1C903;
		border-radius:none;
		border:none;
}
.dropdown-menu {width:222px;font-size:18px;}
.dropdown-menu .sub-menu > li {width:100%;}
.dropdown-menu .sub-menu > li > a {white-space:normal;}



.banner {border:1px solid #B1C903;}
.banner img {width:100%;}

.row {margin-top:15px;margin-bottom:15px;padding:5px 0;}

.img-thumbnail {margin-bottom:15px;}
.img-thumbnail img {width:200px;}
.item img {min-width:100%;}

.img-thumbnail.left{float:left; margin-right:15px;}
.img-thumbnail.right{float:right; margin-left:15px;}


#oben {position:absolute;top:0px;}

h2 {
	/*padding-left:10px;
	 border-left:4px solid #B1C903; */
	padding-bottom:10px;
}

.pt {
	height:140px;
	width:140px;
	display:inline-block;
	float:left;
	border:1px solid #B1C903;
	position:relative;
	overflow:hidden;
	flex:6;
}

.kt {
	width:100%;
	height:100%;
	max-width:360px;
	max-height:360px;
	display:inline-block;
	border:1px solid #B1C903;
	position:relative;
	top:0px;
	left:0px;
	overflow:hidden;
}
.col-sm-4 {margin-bottom:15px;}


.seume {
	width:100%;
	height:100%;
	background-size:cover;
}

.tsdisplay-t div {width:70%;color:#ccc;font-size:0.8em;}
.caption {
	width:100%;
	height:120%;
	position:absolute;
	top:0px;
	left:0px;
	transition:top 0.3s;
	-webkit-transition:top 0.3s;
}
.caption:hover {top:-20%;}

.caption > div {
	position:absolute;
	bottom:0px;
	height:15%;
	width:100%;

}
.text {
	position:relative;
	height:100%;
	width:100%;
	color:#c95f45;
	text-align:center;
	z-index:50;
}

.transparent {
	position:absolute;
	top:0px;
	bottom:0px;
	background:#fff;
	width:100%;
	height:100%;
	opacity:0.7;
	z-index:0;
}

.sq-change {
	width:100%;
	height:200%;
	position:absolute;
	top:0px;
	left:0px;
	transition:top 0.3s;
	-webkit-transition:top 0.3s;
}
.sq-change:hover {top:-100%;}

.a, .b {
	height:50%;
	width:100%;
	text-align:center;
	vertical-align:middle;
	padding:0;
	margin:0;
	color:#B1C903;
}

.a {font-size:60px;background:#faf7f0;}
.a span {display:block;margin-top:-15px;}
.b {background:#faf7f0;color:#fff;font-size:25px;}


.kontakt {
	display:inline-block;
	padding-left:34px;
	position:absolute;
	bottom:10px;
	right:10px;
	background:url(/pages/ts-display/pic/pfeil.png) left center no-repeat;
	color:#fff;
}

.button{float:right;background:#B1C903;border:1px solid #000; padding:10px; text-transform:uppercase;color:#777;margin-bottom:15px;}
.button:hover {background:#c95f45;color:#fff;text-decoration:none;}
.piclink {border:10px solid #fff;box-shadow:3px 3px 5px #000; width:220px;font-size:15px;}

.footer { font-size:20px; border-top:3px solid #B1C903;}

.footer > div > .container > .row > .col-xs-4 > div {padding-left:15px;}

.footer {background:#111;}
.footer > .copyright > .container > .col-md-12 {text-align:right;color:#ccc;line-height:35px;padding-bottom:10px;font-size:0.8em;}


.footer a {color:#ccc;font-size:0.8em;}
.footer-nav {padding:0px;margin:0px;list-style:none;}

.struktur {background:url(/pages/ts-display/pic/strich.png) left top repeat-x;}

.navbar-toggle {background:#B1C903;}
.icon-bar {background:#fff;}

.carousel-indicators {margin-bottom:0px;}
.carousel-indicators > li {border-color:#000;}
.carousel-indicators > li.active {background:#000;}

.ankerlink {float:right;color:#000;display:inline-block;width:22px;height:22px;background:url('/pages/ts-display/pic/pfeil.svg') center center no-repeat;background-size:100%;}

.label-danger > b{color:#fff;}

/* Textklassen */
.rot {color:#c95f45;}
.weiss {color:#fff;}
.f-20 {font-size:20px;}
.f-30 {font-size:30px;}
.f-40 {font-size:40px;}
.f-60 {font-size:60px;}
.gross {text-transform:uppercase;}
.f-gv {font-family: 'Great Vibes', cursive;} 
.f-right {text-align:right;}

.pointer { cursor: pointer; cursor: hand; }
.align-right [float:right;}

.rotate {
  -ms-transform: rotate(90deg); /* IE 9 */
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}