﻿/*
 *
 * Farben:
 *
 * rot:          #fb6f00
 * grau:         #8d8f90
 * hellgrau:     #b2b3b4
 * hellhellgrau: #dbdbdb
 * fastschwarz:  #1a171b
 * dbd2bc
 */
/*@font-face {font-family: 'BillyOhioSwash';src: url('../fonts/webfonts/3558A7_0_0.eot');src: url('../fonts/webfonts/3558A7_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/webfonts/3558A7_0_0.woff2') format('woff2'),url('../fonts/webfonts/3558A7_0_0.woff') format('woff'),url('../fonts/webfonts/3558A7_0_0.ttf') format('truetype');}
@font-face {font-family: 'BillyOhio';src: url('../fonts/webfonts/3558A7_1_0.eot');src: url('../fonts/webfonts/3558A7_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/webfonts/3558A7_1_0.woff2') format('woff2'),url('../fonts/webfonts/3558A7_1_0.woff') format('woff'),url('../fonts/webfonts/3558A7_1_0.ttf') format('truetype');}
@font-face {font-family: 'BillyOhioDua';src: url('../fonts/webfonts/3558A7_2_0.eot');src: url('../fonts/webfonts/3558A7_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/webfonts/3558A7_2_0.woff2') format('woff2'),url('../fonts/webfonts/3558A7_2_0.woff') format('woff'),url('../fonts/webfonts/3558A7_2_0.ttf') format('truetype');}
*/
body
{
	background-color: #FFF;
}

.fakelink {
	padding: 5px 25px;
	color: rgba(255, 255, 255, 0.5);
}
h2 em {
	font-family: inherit;
}
section a {
	font-weight: bold;
	text-decoration: underline;
}
.parallax a {
	font-weight: normal;
	text-decoration: none;
}
.margin-bottom {
	margin-bottom: 25px;
}
 
ul.#main-nav li.dropdown a.dropdown-toggle{
	color: #611232;
}

ul.#main-nav li.dropdown-open a.dropdown-toggle{
	color: #611232;
}

#side-nav .list-group-item a > span {
	padding-right: 20px;
}
#side-nav .closelink {
    position: absolute;
    right: 20px;
    top: 10px;
    color: #fff;
	cursor:pointer;
}

div.csc-textpic .csc-textpic-imagewrap img {
    border: 1px solid #ddd;
}
article.entry {
	position: relative;
}
article.entry .flag {
	top: 0;
	z-index: 4;
}
article.entry .flag:after {
	border-bottom: 0;
}

.styleswitcher_tabs li {
    float: left;
    font-size: 17px;
    list-style: outside none none;
    margin: 0 7px;
}
.styleswitcher_tabs li.active {
	text-decoration: underline;
}
.styleswitcher_tabs i {
	margin-right: 5px;
}
#blog .list-entry {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#blog .list-entry .entry-preview {
	min-height: 100px;
}
.tx-deci-persons .blog-grid-entry-custom .entry-preview {
	padding: 20px;
}
.blog-grid-entry-custom {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 25px;
    overflow: hidden;	
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #670039;
}
#blog-masonry .entry-category {
    color: #534959;
    float: right;
    font-family: "Raleway",sans-serif;
    font-size: 12px;
    font-weight: 800;
    text-align: right;
    text-transform: uppercase;
    width: 139px;
}
.same-height {
	margin-bottom: 10px;
}

.fullgrid-entry {
	position: relative;	
}
.fullgrid-entry .text {
	margin: 20px;
}
.fullgrid-entry .entry-date {
	position: absolute;
	left: 10px;
	top: 0;
    text-align: center;
    width: 80px;
}
#blog-masonry .entry-date {
    display: block;
	position: relative;
	float: left;
}
#blog-masonry .entry-preview h2 {
	margin-top: 0;
}
#blog-masonry .info {
	height: 60px;
}
#secondary-nav a {
	cursor: pointer;
}
.fullgrid-entry  .entry-date .entry-day {
    background-color: #f1f1f1;
    font-family: "Raleway",sans-serif;
    font-size: 48px;
    font-weight: 200;
    height: 64px;
    line-height: 64px;
}
.fullgrid-entry .entry-date .entry-month {
    background-color: #534959;
    color: #ffffff;
    font-family: "Raleway",sans-serif;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.fullgrid-entry .entry-date .entry-day, .fullgrid-entry .entry-date .entry-month {
    display: block;
}

.no-scroll-overlay {
   background:transparent; 
   position:relative; 
   width:100%;
   height:600px; /* your iframe height */
   top:600px;  /* your iframe height */
   margin-top:-600px;  /* your iframe height */
}

.section-photo.parallax {
    background-size: cover;
	background-repeat: none;
}
article b {
	color: #534959;
}
.ce-bodytext small {
	font-family: inherit;
}
hr {
	border-color: #ccc;
}
.grey .ce-bodytext {
	margin-top: 15px;
}

.language ul li {
	float: left;
	list-style: none;
	font-weight: bold;
	color: #670039;
}
.language ul li .current {
	color: #000;
	text-decoration: underline;
}
.language ul li span {
	padding-right: 10px;
}
.language ul li:last-child span {
	padding-right: 0;
}
.language ul li:after {
	content: "|";
	margin-right: 10px;
}
.language ul li:last-child:after {
	content: "";
	margin-right: 0;
}


.bocksbeutelstrasse-icon {
	position: absolute;
	top: 20px;
	right: 20px;
}

#blog .entry-date .double-date {
	font-size: 29px;
	height: 64px;
}
#blog .entry-date .double-month {
	font-size: 12px;
}

.image-bild {
	position: relative;
}
#blog .calendarize-item .entry-date {
	position: absolute; 
	top: 0;
	left: 0;
}
.clocktime {
	background: #f1f1f1;
	display: block;
	font-size: 10px;
}
.list-container h2 {
	font-size: 20px;
	margin: 0 0 10px;
	background-color: #FFF;
}
.list-container h2 small {
	font-family: "Raleway",sans-serif;
}
.list-container .media {
	margin-bottom: 40px;
	background-color: #FFF;
}
#blog .calendarize-item .entry-date {
	margin-top: 0;
}
#blog .calendarize-item p {
	font-size: 12px;
}

.entry-city {
    background: #f1f1f1 none repeat scroll 0 0;
    font-family: "Raleway",sans-serif;
    text-align: center;
}
.entry-city-grid {
    background: #f1f1f1 none repeat scroll 0 0;
    font-family: "Raleway",sans-serif;
    text-align: left;
}
p .button {
    background-color: #999;
    color: #fff;
    border: medium none;
    font-weight: 700;
    border-color: #ccc;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.border-top {
	border-top: 2px solid rgb(134,125,113);
}
.below_image {
	text-align: center;
}

.container .grey {
	background: rgb(241,241,241);
	background-color: #FFF;
}

.page-header h1, .breadcrumb {
	text-shadow: 1px 2px 7px #000000;
}
#swiper-1 .textoverlay h2 em {
	font-family: 'BillyOhio';
	font-size: 30px;
}
.page-header h1 {
	font-family: 'BillyOhio';
	text-transform: none;
}

.header {}
.header .navbar-brand {margin:0;}

.site {}

.teaser {}
.content {}
.content-bottom {}

.sidebar {}
.sidebar-left {}
.sidebar-right {}

.footer {}
.copyright {}




.form .alert a {}
.form .alert.alert-danger a {color:#953B39;}

#main-container.push-left .page-header {
	background-position: 50% 0 !important;	
}

.ce-bodytext h2 a, .ce-bodytext h3 a, .ce-bodytext h4 a, .ce-bodytext h5 a {
	text-decoration: none;
	color: #670039;
}
figcaption {
	font-size: 11px;
	color: grey;
}

.contact .input-group {
	display: block;
}
section blockquote {
    font-size: 13px;
    font-style: italic;
    margin: 20px 0 !important;
}


/* Swipebox Manipulation */
	.textoverlay {
		background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
		padding: 15px;
		word-wrap: break-word;
	}
	.tx-deci-swipeslider h2{
		font-weight: 400;
	}
	#swiper-1 {
		overflow: hidden;
	}
/* Swipebox Manipulation */

/* Grapeview Manipulation */
	.entry-preview {
		position: relative;
	}
/* Grapeview Manipulation */

/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {


}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	ul.nav li.dropdown:hover ul.dropdown-menu{
		display: block;
		margin-top:0px
	}
	.language {
		position: absolute;
		right: 35px;
		top: 15px;
	}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* Only Small devices (tablets, 768px and down) */
@media (max-width: 1200px) {
	
	.navbar-default .navbar-nav > .active {
		padding-left: 10px;
		padding-right: 10px;
	}
	.navbar-default #navigation #main-nav.navbar-nav > li > a {
		font-size: 9px;
	}

}

.apple{background-attachment:scroll !important;}


#validation-agb {
    color: red;
}
img.mar-v {
    margin-bottom: 0 !important;
}
.ce-column figure {
    margin-bottom: 25px;
}

#termine
{
  width: 900px;
  margin-left: -25px;
}

.td1
{
  width: 25%;
  text-align: right;
  /* FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; */
  /* font-size: 16px; */
  /* line-height: 20px; */
  color: #444;
  vertical-align:top;
  border-bottom: 1px solid #806F55;
}
.td1b
{
  width: 25%;
  text-align: right;
  /* FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; */
  font-size: 10px;
  /* line-height: 20px; */
  color: #d9d9d9;
  vertical-align:top;
  border-bottom: 1px solid #806F55;
}

.td2
{
  width: 75%;
  text-align: left;
  /* FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; */
  /* font-size: 16px; */
  /* line-height: 20px; */
  color: #444;
  vertical-align:top;
  padding-left: 5px;
  border-bottom: 1px solid #806F55;
}

.td3
{
  width: 50%;
  text-align: left;
  /* FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; */
  color: #444;
  vertical-align:top;
  padding-left: 5px;
  border-bottom: 1px solid #806F55;
}
.td3b
{
  width: 50%;
  text-align: left;
  /* FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; */
  font-size: 10px;
  color: #d9d9d9;
  vertical-align:top;
  padding-left: 5px;
  border-bottom: 1px solid #806F55;
}

.td3 a
{
	text-decoration:none;
}

.td4
{
  width: 300px;
  text-align: left;
  FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
  color: #444;
  vertical-align:top;
  padding-left: 5px;
  border-bottom: 1px solid #806F55;
}

.td4a
{
  width: 400px;
  text-align: left;
  FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
  color: #444;
  vertical-align:top;
  padding-left: 5px;
  border-top: 1px solid #806F55;
}

.td4b
{
  width: 400px;
  text-align: left;
  FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
  color: #444;
  vertical-align:top;
  padding-left: 5px;
}

.look_table
{
  WIDTH: 400px;
  margin-left: -25px;
  BORDER: none; 
  /* font-size: 16px;
  line-height: 20px; */
}

.ce-media
{
display: flex; 
justify-content: center; 
align-items: center;	
}



.bild 
{
    height: auto;
}

.bild2 
{
    max-width: 100%;
    height: auto;
}

.titel 
{
    max-width: 85%;
    height: auto;
}

body
{
	background-color: #FFF;
}

section
{
	background-color: #FFF;
}

.fullwidth
{
	background-color: #FFF;
}
.tableround
{
border-radius: 10px; 
border: 1px solid #00C8FF; 
border-collapse: separate;
font-size:1.2em;
width: 100%; 
margin: 1em auto;
padding: 5px;
}
.tabtitle1 {
text-align: left;
background: tomato; 
color:white; 
border:none;
border-top-left-radius: 10px;
}
.tabtitle2 {
text-align: left;
background: tomato; 
color:white; 
border:none;
}
.tabtitle3 {
text-align: left;
background: tomato; 
color:white; 
border:none;
border-top-right-radius: 10px;
}

