/*!
 * Start Bootstrap - Creative v3.3.7+1 (http://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */


@font-face {
    font-family: 'French Script MT';
    src: url('french-script-mt.ttf') format('truetype'); 
}

@font-face {
    font-family: 'Gabriola';
    src: url('gabriola.ttf') format('truetype'); 
}


.logo_text1{
font-family: 'Matura MT Script Capitals', arial;
font-size: 110px;
color: white;
line-height: 130px;
font-weight: 700;
font-style: italic;
text-transform: initial;
}

.logo_text2{
font-family: 'Matura MT Script Capitals', arial;
font-size: 70px;
color: white;
font-weight: 700;
font-style: italic;
text-transform: initial;
}

.logo_text3{
font-size: 23px;
lien-height:50px;
}

.logo_text1-startseite{
	font-size: 7em;
    color: #dfc7bd;
    line-height: 0.9em;
    font-weight:700;
}

.logo_text2-startseite{
	font-size: 5em;
}


.jugendschutzInfo{
	position: absolute;
	bottom: 0px;
	left: 20px;
}

.header_info{
	display:none; 
}

.navbar-default, a {
	-webkit-transition: all .35s;
	-moz-transition: all .35s
}

header, header .header-content {
	position: relative;
	width: 100%;
	text-align: center
}

.input_small_size{
	width:4em;
}

body, html {
	height: 100%;
	width: 100%;
/*	color: #fff;
	background-image: url(../img/IMG_9997.JPG); 
	background-size: cover;
	background-color: #ff7601; 
	display: flex;
    flex-direction: column;
    min-height: 100vh;*/
}

body {
	font-family: Arial, Merriweather, 'Helvetica Neue', sans-serif;
	webkit-tap-highlight-color: #333;
}

.btn, .navbar-default, .navbar-default .navbar-header .navbar-brand, h1,
	h2, h3, h4, h5, h6 {
	font-family: Verdana, Papyrus, Arial, Merriweather, 'Open Sans', 'Helvetica Neue', sans-serif
}

h5{
	font-size:2em;
	font-weight:700;
	height:50px;
	font-family: Verdana, Papyrus, Arial, Merriweather, 'Open Sans', 'Helvetica Neue', sans-serif
}

hr {
	border-color: #fafafa; /* #ff9216; */
	border-width: 3px;
	max-width: 50px
}

hr.light {
	border-color: #fff
}

a {
	transition: all .35s;
	color: #fafafa; /* #ff9216; */
}

a:focus, a:hover {
	color: black;
}

p {
	font-size: 16px;
	line-height: 1.5;
/*	margin-bottom: 20px */
}

.bg-primary {
	background-color: #F05F40
}

.bg-dark {
	background-color: #aaa;
	color: #fff;
}

.bg-casanova-1 {
	color: #fff;
	/* background-image: url(../img/hintergrund_casanova.png); */
	background-color: #ff7601; /* #43900b; */
}

.bg-light-casanova{
background-color: #2318d7;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-top-left-radius: 10px;
-khtml-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
-webkit-box-shadow: 0px 0px 35px #222;
-moz-box-shadow: 0px 0px 35px #222;
box-shadow: 0px 0px 35px #222;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%,rgba(0, 0, 0, 0.05) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0.05)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.05) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.05) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.05) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.05) 100%);
padding-left: 20px;
padding-right: 20px;
margin: 20px;
	border-radius: 5%;
}

.bg-light-casanova > p {
    padding-top: 20px;
    text-align: center;
}

.bg-light-casanova > a > img {
    display:block;
    margin-left: auto;
    margin-right:auto;
        border-radius: 50%;
    border-radius: 50%;
}

.galary-box{
	text-align:center;
	margin:10%;
}

.galary-box > p {
    margin: 10px;
}

.display {
	display:none; 
}

.bg-aktuell{
	background-color: #420606;
}

.text-faded {
	color: rgba(0, 0, 0, .7);
background-color: rgba(255, 255, 255, .5);
}

section {
	padding: 110px 0;
	font-size: 1.2em;
}

#contact{
	padding-top:130px 0;
}

.galleryHead{
	padding-top:50px;
	padding-bottom:20px;
	padding-left: 15px;
	padding-right: 15px;
}

aside {
	padding: 50px 0
}

.no-padding {
	padding: 0
}

.navbar-default {
	background-color: #fff;
	border-color: rgba(34, 34, 34, .05);
	transition: all .35s
}

.btn-default, .portfolio-box .portfolio-box-caption {
	-webkit-transition: all .35s;
	-moz-transition: all .35s
}

.navbar-default .navbar-header .navbar-brand {
	color: #800000;
	font-weight: 700;
	text-transform: uppercase;
	padding-left:30px;
}

.nav-header{
	color: #800000;
	text-align:center;
}

.navbar-default .navbar-header .navbar-brand:focus, .navbar-default .navbar-header .navbar-brand:hover
	{
	color: #eb3812
}

.navbar-default .navbar-header .navbar-toggle {
	font-weight: 700;
	font-size: 12px;
	color: #222;
	text-transform: uppercase
}

.navbar-default .nav>li>a, .navbar-default .nav>li>a:focus {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1em;
	color: #222
}

.navbar-default .nav>li>a:focus:hover, .navbar-default .nav>li>a:hover {
	color: #ab280c
}

.navbar-default .nav>li.active>a, .navbar-default .nav>li.active>a:focus
	{
	color: #800000 !important;
	background-color: transparent
}

.navbar-default .nav>li.active>a:focus:hover, .navbar-default .nav>li.active>a:hover
	{
	background-color: transparent
}


@media (min-width :100px){
	.notSmaller868{
		display: block !important;;
	}
	.smaller868 {
		display: none !important;
	}
	
}

@media (min-width :768px){
	.notSmaller868{
		display: none !important;
	}
	.smaller868 {
		display: block !important;
	}
	.header_info{
display: block;
font-weight: 900;
margin-bottom: 10px;
	}
}

@media (min-width :868px){
	.notSmaller868{
		display: block !important;;
	}
	.smaller868 {
		display: none !important;
	}
}


#gallery{
	height:calc(100% - 50px);
}


@media ( min-width :768px) {
	.navbar-default {
		/*background-color: transparent;*/
		border-color: rgba(255, 255, 255, .3);
		/* background-image: url(../img/hintergrund_casanova.png); */
		background-color: #575755; /* #43900b; */
	}
	
	.navbar-default .navbar-header .navbar-brand {
		/* color: rgba(255, 255, 255, .7) */
		color:#800000;
	}
	.navbar-default .navbar-header .navbar-brand:focus, .navbar-default .navbar-header .navbar-brand:hover
		{
		color: #800000;
	}
	.navbar-default .nav>li>a, .navbar-default .nav>li>a:focus {
		/* color: rgba(255, 255, 255, .7) */
		color:#000;
	}
	.navbar-default .nav>li>a:focus:hover, .navbar-default .nav>li>a:hover {
		color: #000;
		background-color: #eee;
	}
	.navbar-default.affix {
		background-color:#575755; /* #43900b; */
		border-color: rgba(34, 34, 34, .05)
	}
	.navbar-default.affix .navbar-header .navbar-brand {
		color: #aaa;
		font-size: 14px
	}
	.navbar-default.affix .navbar-header .navbar-brand:focus,
		.navbar-default.affix .navbar-header .navbar-brand:hover {
		color: #eb3812
	}
	.navbar-default.affix .nav>li>a, .navbar-default.affix .nav>li>a:focus {
		color: #aaa
	}
	.navbar-default.affix .nav>li>a:focus:hover, .navbar-default.affix .nav>li>a:hover
		{
		color: #800000;
	}
	.activeLi {
		color: #000;
		background-color: #eee;
	}
	#gallery{
		height:calc(100% - 230px);
	}
}

header {
	min-height: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	/*background-position: center;*/
/*	background-image: url(../hintergrundfoto_sha_fotor.jpg); */
		color: rgba(0, 0, 0, .7) 
	/* color:#800000; */
}

#startseite {
	background-image: url(../img/IMG_9982.jpg);
    background-size: cover;
    background-position: -300px 0;
}


header .header-content {
	padding: 15px;
	padding-top:185px;
	padding-bottom:100px;
}

header .header-content .header-content-inner h1 {
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 30px
}

header .header-content .header-content-inner hr {
	margin: 30px auto
}

header .header-content .header-content-inner p {
	font-weight: 300;
	color: rgba(0, 0, 0, .7) 
	/* color:#800000; */
	font-size: 16px;
	margin-bottom: 50px
}

@media ( min-width :768px) {
	header {
		min-height: 100%
	}
	header .header-content {
		position: absolute;
		top: 60%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		padding: 0 50px
	}
	header .header-content .header-content-inner {
		/* max-width: 1000px; */
		margin-left: auto;
		margin-right: auto
	}
	header .header-content .header-content-inner h1 {
		font-size: 50px
	}
	header .header-content .header-content-inner p {
		font-size: 18px;
		max-width: 80%;
		margin-left: auto;
		margin-right: auto
	}
	#startseite {
		background-image: url(../img/IMG_9982.jpg);
		background-size: cover;
		background-position: 0px 0px;
	}
	
	
}

.section-heading {
	margin-top: 10px;
	text-align: center;
}

.service-box {
	max-width: 400px;
	margin: 50px auto 0
}


@media ( min-width :992px) {
	.service-box {
		margin: 20px auto 0
	}
}

.service-box p {
	margin-bottom: 0
}

.portfolio-box {
	position: relative;
	display: block;
	max-width: 650px;
	margin: 0 auto
}

.portfolio-box .portfolio-box-caption {
	color: #000;
	opacity: 0;
	display: block;
	/* background: rgba(113, 29, 11, 0.5); */
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	transition: all .35s
}

.btn-default.active, .btn-default:active, .btn-primary.active,
	.btn-primary:active, .open>.dropdown-toggle.btn-default, .open>.dropdown-toggle.btn-primary
	{
	background-image: none
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name
	{
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	padding: 0 15px
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category
	{
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name
	{
	font-size: 18px
}

.portfolio-box:hover .portfolio-box-caption {
	opacity: 1
}

.portfolio-box:focus {
	outline: 0
}



@media ( min-width :768px) {
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category
		{
		font-size: 16px
	}
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name
		{
		font-size: 22px
	}
}

.call-to-action h2 {
	margin: 0 auto 20px
}

.text-primary {
	color: #800000
}

.no-gutter>[class*=col-] {
	padding-right: 0;
	padding-left: 2px;
	padding-top: 2px;
}

.btn-default {
	color: #222;
	background-color: #fff;
	border-color: #fff;
	transition: all .35s
}

.btn-default.active, .btn-default.focus, .btn-default:active,
	.btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default
	{
	color: #222;
	background-color: #f2f2f2;
	border-color: #ededed
}

.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus,
	.btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover,
	.btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus,
	.btn-default[disabled]:active, .btn-default[disabled]:focus,
	.btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active,
	fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active,
	fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover
	{
	background-color: #fff;
	border-color: #fff
}

.btn-default .badge {
	color: #fff;
	background-color: #222
}

.btn-primary {
color: rgba(3, 3, 3, 0.7);
background-color: #800000;
border-color: #F05F40;
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s;
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active,
	.btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary
	{
	color: #fff;
	background-color: #D81717;
	border-color: #ed431f
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus,
	.btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover,
	.btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus,
	.btn-primary[disabled]:active, .btn-primary[disabled]:focus,
	.btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active,
	fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active,
	fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover
	{
	background-color: #F05F40;
	border-color: #F05F40
}

.btn-primary .badge {
	color: #800000;
	background-color: #fff
}

.btn {
	border: none;
	border-radius: 300px;
	font-weight: 700;
	text-transform: uppercase
}

.btn-xl {
	padding: 15px 30px
}

::-moz-selection {
	color: #fff;
	text-shadow: none;
	background: #4169e1
}

::selection {
	color: #fff;
	text-shadow: none;
	background: #4169e1;
}

img::selection {
	color: #fff;
	background: 0 0
}

img::-moz-selection {
	color: #fff;
	background: 0 0
}

.nav-casanova{
	padding-right:0px;
	padding-left:0px;
	margin-right:10px;
	margin-left:10px; 
}

.navbar-casanova{
	background-color: white;
}

.nav-header-casanova, nav-header-casanova p{
font-family: 'Verdana', 'Papyrus', 'Savoye LET', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
color: white;
text-align: left;
font-size: 2em;
display:none;
}
	

.h2-casanova{
	font-size:2em;
}


.logo-left-casanova{
	float: left;
    padding-top: 8px;
    width: 165px;
    display:none; 
}

.logo-right-koenigshof{
float: right;
padding-top: 30px;
width: 165px;
display:none; 
}
       			
	
@media (min-width :768px){
	.logo-left-casanova {
		display:block; 
	}
	
	.logo-right-koenigshof{
		display:block; 
	}
	 .nav-header-casanova{
		display:block; 
	}
	
	.galleryHead {
    padding-top: 220px;
	}

}


@media (min-width :1200px){
	.container {
	    width: 100%;
	}
}

#impressum{
	font-size:10px; 
	padding-right:30px;
}

.galerieSizing{
	min-height: 350px;
    max-height: 0px;
}

.ueber-uns{
	padding-right:30px !Important;
}

.galerieActualSizing{
	min-height: 700px;
	max-height: 700px; 
}

.img-thumbnail {
    border-color: gold;
    border-width: 2px;
}

.centerLined-image{
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 90%;
	box-shadow: 0px 0px 50px #222;
}

.galleryHead > .centerLined-image{
	width:100%;
}

.portfolio-box > img{
	max-height: 200px;
}

.img-ambiente{
	max-height: 300px !important;
}


.round-circle {
	width:180px; 
	height:180px; 
	border-radius:50%; 
	background-color:#eb2f34; 
	display:inline-block;
	background-image:url("../img/Flagge.png");
	margin-top: 20px;
	margin-bottom: 20px;
} 

.round-circle span {
display: inline-block;
vertical-align: middle;
margin-top: 55%;
margin-bottom: 50%;
font-weight: 900;
color: #101110cc;
}

ul {
   list-style-type: none;
}

.font-awsome-li li::before {
   font-family: FontAwesome;
   content: "\f0a9";
   padding-right: 10px;
}