/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 03.02.2015, 13:15:54
    Author     : barthelfr
*/
/* sree-krushnadevaraya-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: 'Sree Krushnadevaraya';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/sree-krushnadevaraya/sree-krushnadevaraya-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* quattrocento-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: 'Quattrocento';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quattrocento/quattrocento-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.phocamaps img { max-width:none!important;}

body {font-family: 'Quattrocento', serif; color: #000; background-image:url(/../images/hintergrund.jpg)!important; background-size:cover; background-attachment:fixed; background-position:center center; font-size:18px; color:#fee5cc; line-height:1.7; }
.t3-wrapper {background:none;}
a {  color: #ab8770;  text-decoration: none;}
a:hover, a:focus {  color: #ab8770;  text-decoration: none;}
.img img {max-width:100%}
.container.t3-sl { padding-top: 40px; padding-bottom:20px;}
.container.t3-sl > .row > div.col-lg-12 {padding:0;}
.fixed-columns > .moduleItemList > div.itemContainer > .moduleItemView { margin:0 15px;}
.titel{font-family: 'Sree Krushnadevaraya', serif; font-size:36px; color:#fee5cc; text-transform:uppercase; text-align:center; }
div.catItemIntroText img {border: 2px dotted #fee5cc; padding: 5px; margin-right: 50px;}
.rufnummer {font-family: 'Sree Krushnadevaraya', serif; font-size:24px!important; color:#fee5cc; text-align:right;}
.justmentext {margin-left: 10%; margin-right: 10%; font-size:18px; line-height:1.7;}
#beforemainbody div.k2ItemsBlock ul { list-style: none; background:#fee5cc; color:#333;}
div.k2ItemsBlock ul li div.moduleItemIntrotext {margin-right: 44px;}
.details {font-size:90%; color: #ab8770; line-height:1.5; }
.bold {color: #fee5cc; font-weight:bold; font-size:130%;}
.slogan {font-size:40px; text-transform:uppercase; text-align: center; color: #fee5cc;line-height:1.3;margin-top:25px!important;}
.zitat {font-size:28px; text-align: center; color: #fee5cc;line-height:1.3;margin-left:12%!important; margin-right:12%!important;}
.kacheln1x2 .row.box .moduleItemIntrotext > p + p:last-child {position: inherit;}
div.itemFullText img {border: 2px dotted #fee5cc; padding: 10px; margin-right: 50px; max-width: 100%; height: auto; margin-bottom: 30px;}

h1 {
  display: inline-block;
  padding: 1px 15px 20px 15px;
  position: relative;
  font-family: 'Sree Krushnadevaraya', serif;
  color: #fee5cc;
  background: #0b090c;

}

h1:before,
h1:after {
  background-image:url(/../images/dotted-dark.png);
  content: "";
  display: block;
  height: 3px;
  position: absolute;
    top: 50%;
  width: 400%;
}
h1:before {
  right: 100%;
}
h1:after {
  left: 100%;
}
.titelbox {
  overflow: hidden;
  text-align: center;
}

h2 {
  display: inline-block;
  padding: 0 15px;
  position: relative;
  font-family: 'Sree Krushnadevaraya', serif;
}

h2:before,
h2:after {
  background-image:url(/../images/dotted.png);
  content: "";
  display: block;
  height: 3px;
  position: absolute;
    top: 65%;
  width: 400%;
}
h2:before {
  right: 100%;
}
h2:after {
  left: 100%;
}


h3 {
  display: inline-block;
  padding: 0 15px;
  position: relative;
  font-family: 'Sree Krushnadevaraya', serif;
  font-size:24px;
}

h3:before,
h3:after {
  background-image:url(/../images/dotted.png);
  content: "";
  display: block;
  height: 3px;
  position: absolute;
    top: 65%;
  width: 400%;
}
h3:before {
  right: 100%;
}
h3:after {
  left: 100%;
}

.catItemView.groupLeading.cookie {
  background: rgba(48,25,9,0.7);
  }
.cookie h3::before, .cookie h3::after {
  background-image:none !important;
  }
a.thumbnailPic:before {
/*    color: #000;
    content: "\f00e";
    position: absolute;
    left: 5px;
    bottom: 5px;
    font: normal normal normal 26px/1 FontAwesome;*/
}
/********************************************
TOPNAVI */
#topnav {background:#10151a; position: absolute;}
#topnav .nav { float: right; }
#topnav .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background: none;
}
#topnav .nav > li > a { padding:3px 15px; color: gray; font-size: 14px;text-transform: uppercase; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
#topnav .nav > li.active > a {color:#000;}
/********************************************
HEADER */
header {background:#10151a;}
header .head-content p {font-size: 18px; padding: 30px 0 20px 0; font-family: 'Sree Krushnadevaraya', serif; color:#fee5cc; position: absolute;
z-index: 100;
right: 10px;
width: 280px;
background: rgba(48,25,9,0.7);;
top: -20px;}

header .head-content p img { vertical-align: middle;max-width:100%}

header .logo {padding-left:0;}
header .logo img {max-width:100%}

header #t3-mainnav:not(.navbar-fixed-top) > .container {width:100%;}

/********************************************
SHOWCASE */
#showcase {background: none; }
#showcase > .container { padding:0; width:70%}
#showcase .t3-module { margin-bottom: 0; padding-bottom:0;}
#showcase .t3-module .custom p { padding:0; margin:0;}
#showcase p img { max-width: 100%;}
#showcase .col-xs-12 { padding:0;}


/* Slideshow */
#showcase .carousel .container h5,
#showcase .carousel .container .moduleItemIntrotext {margin: 0 50px 10px 50px;}
#showcase .carousel-caption {position:absolute; top:20%;left:0; right:auto; bottom:auto; width:100%;; text-align:left; padding-top:0;}
#showcase .carousel-caption h5 {display:inline-block; padding: 10px 20px; background:#b60837; color:#FFF; text-transform: uppercase; font-size:26px}
#showcase .carousel-caption p {display:inline-block; background:#000; color:#FFF; font-size:16px; padding:5px 10px; margin-bottom:2px}
#showcase .carousel-control.left {text-align:center;} 
#showcase .carousel-control.right {text-align:center;} 
#showcase .carousel-control .fa-chevron-left {left:15px; right:auto;}
#showcase .carousel-control .fa-chevron-right {left:auto; right:15px;}
#showcase .carousel-control .fa-chevron-left, 
#showcase .carousel-control .fa-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    font-size:40px;
}
#showcase .carousel-indicators {bottom:0;}
#showcase .carousel-control {width:10%}

/********************************************
HIGHLIGHT */
#highlight .container {
    padding: 60px 30px;
}
#highlight .kacheln1x2 {
	background-color: transparent;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#highlight .kacheln1x2 .row.box {
    width: 48.5%;
    float: left;
	border: 2px dotted #fee5cc;
}
#highlight .kacheln1x2  .row.box.odd {
    margin-right: 3%;
}

#highlight .kacheln1x2 .row.box.even {
    background: rgba(48,25,9,0.7);
    padding: 30px;
}
#highlight .kacheln1x2 .row.box div[class*="col-"] {
    height: auto;
}
#highlight .kacheln1x2 .moduleItemIntrotext {
    padding: 0;
}
#highlight .kacheln1x2 .moduleItemIntrotext  p{
	margin: 0;
}
#highlight .kacheln1x2 .moduleItemIntrotext  img {
	width: 100%;
}

/********************************************
SPOTLIGHT */
#spotlight {background: none;}
#spotlight h3,
#spotlight .moduleItemIntrotext { text-align: center; margin: 10px; }
#spotlight h3{text-transform: uppercase; font-size: 34px}

.t3-spotlight .boxed .itemContainer .moduleItemView { border: 0; height: auto; position: relative; }
.t3-spotlight .boxed .itemContainer .btn-view, .t3-spotlight .boxed .itemContainer .btn-view i.fa.fa-link {display:none;}
.t3-spotlight .boxed .itemContainer .moduleItemView .moduleItemIntrotext p:last-child a {background-color: rgba(254,229,204,0.5); color:#333; padding-right: 10px; text-align:right; width: 94%; margin-top: -72px; z-index: 100; position: absolute; margin-left: -10px; font-weight: bold;}
.t3-spotlight .boxed .itemContainer .moduleItemView .moduleItemIntrotext p:last-child a:focus, .t3-spotlight .boxed .itemContainer .moduleItemView .moduleItemIntrotext p:last-child a:hover {background-color: rgba(255,255,255,0.5);}
.t3-spotlight .itemContainer .btn-view-box {display: none !important;}
#spotlight h3, #spotlight .moduleItemIntrotext p {margin:0;}
#spotlight .moduleItemTitle {
    text-align: center;
    overflow: hidden;
	margin: 0 10px;
}
#spotlight .moduleItemImageBlock {
    border: 2px dotted #fee5cc;
    padding: 10px;
}




/********************************************
Before Mainbody */
#beforemainbody { background: none;}

/********************************************
After Mainbody */
#aftermainbody { background: none;}


/********************************************
UITILITY */
#utility {background: none ;}
#utility h3,
#utility .moduleItemIntrotext { text-align: center; }
#utility h3{text-transform: none; font-size: 18px}


/********************************************
FOOTER */
#t3-footer{background:#222529; color:#796355; padding:20px 0; border-top: 1px dotted #fff; font-size: 16px;}
#t3-footer a {color:#796355;}
footer .vnav li {margin: 0 0 0px 0}
footer div[class*="-12"] p {text-align: left}

/********************************************
Bottom */
#bottom {}
/********************************************
SIDEBARS */
.t3-sidebar .nav.navbar-nav li { float: none;   display: block;   width: 100%;} 
.t3-sidebar .container {width:100%}
.t3-sidebar .dropdown-menu {top:0; left:100%; padding:0; margin:0;}
.t3-sidebar .nav.navbar-nav { float:none; width:100%}
.t3-sidebar-left { padding-left:0;}
.t3-sidebar-left .container {padding:0;}
.t3-sidebar-right { padding-right:0;}
.t3-sidebar-right .container {padding:0;}
.t3-sidebar-right .itemContainer {float:none;}
.t3-sidebar-right strong.label {color: #000; display: inline-block; width: 100px; text-align: left; font-size: 14px;padding-left:0;}
.t3-sidebar-right h3 { text-transform: uppercase; color: #005fb7}
.t3-sidebar-right p img ~ a,
.t3-sidebar-right p img ~ span {color: #005fb7; font-size: 20px; font-weight:bold; margin-left: 10px;vertical-align:middle;}
.t3-sidebar-right p a { color:#000}
.t3-sidebar-right .itemContainer { border-top:1px solid #005fb7}
.t3-sidebar-right .moduleItemList div.itemContainer:first-child { border: none;}
.t3-sidebar-right {  }

/********************************************
NAVIGATION */
.navbar { border: none;}
#t3-off-canvas, #t3-mainnav-v,
#t3-mainnav{background:none;}
.t3-mainnav .t3-navbar { margin-left: auto; margin-right: auto; width: 100%; background: rgba(48,25,9,0.7);}
.navbar-nav {margin-left: auto;  margin-right: auto; width: 90%; float:none;}



/* Erste Ebene */
ul.navbar-nav > li > a {color:#fee5cc;}
ul.navbar-nav > li.open > a, 
ul.navbar-nav > li.open > a:hover,
ul.navbar-nav > li.open > a:focus,
ul.navbar-nav > li > a:hover,
ul.navbar-nav > li > a:focus {background: none; color:#ab8770;}

ul.navbar-nav > li.active.open > a,
ul.navbar-nav > li.active > a {background:none; color:#ab8770;}

/* 2.Ebene */
ul.dropdown-menu { border:none; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;background-color: #ab8770; margin:0;padding:0; color:#333;}
ul.dropdown-menu > li > a { padding: 15px;color:#333;}
ul.dropdown-menu > li > a:hover,
ul.dropdown-menu > li > a:focus {background:none; color:#fee5cc;}

ul.dropdown-menu > li.active > a, 
ul.dropdown-menu > li.active > a:hover, 
ul.dropdown-menu > li.active > a:focus {background:none; color:#fee5cc;}

/* CANVAS Menu */
#t3-off-canvas ul.dropdown-menu > li > a{padding-left:30px;}
.btn-primary {background: #ab8770;  color: #10151a}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
     background:#ab8770; color:#fee5cc!important;}


button.off-canvas-toggle { display:none;}
button.off-canvas-toggle {position:absolute !important ; left: 0px;}

/********************************************
MAINBODY */
#t3-content {padding:0px 0px;}
#t3-content h1 {margin: 0px 0 20px 0; color:#fee5cc; text-transform:uppercase; text-align:center;}
#t3-content h2 {color:#fee5cc; margin: 0px 0 20px 0; text-transform:uppercase; text-align:center; font-size:36px;}
#t3-content h3.catItemTitle,
#t3-content h3.catItemTitle > a {font-size:24px;color:#005fb7; line-height:32px; margin: 10px 0 20px 0; padding:0;}
#t3-content h4 { font-size:24px;color:#fee5cc;  }

#t3-content h5{color:#fee5cc; margin: 0px 80px 20px 0; text-transform:uppercase; text-align:center; font-size:36px;}
#t3-content h6{font-size:14px;color:#000; line-height:20px}

.catItemImage strong.catItemImageCaption,
.itemImage strong.itemImageCaption { display: block; background: #e7e7e7; font-size: smaller; font-weight: normal}

#t3-content h3.catItemTitle, #t3-content h3.catItemTitle > a {font-size: 24px; color: #ab8770; text-align:center;}
div.catItemIntroText {padding: 4px 0px 12px 20px!important;}




.wf_caption > span { background:#33363b; color:#FFF; font-size: 16px;padding:7px;}
.wf_caption img { max-width:100%}
/********************************************
SONSTIGES */
a#top-link {
    bottom: 10px;
    color: #222222;
    display: none;
    padding: 5px 10px;
    position: fixed;
    right: 10px;
    float: right;
    left: auto !important;
    transition: background 0.2s linear 0s, border 0.2s linear 0s, color 0.2s linear 0s;
    z-index:9999;
}
a#top-link:hover { cursor:pointer; background: none;}
.notelnr:hover{text-decoration:none; color:inherit;cursor:default;}

.t3-sidebar .fa.fa-phone-square { color:#005fb7;  vertical-align: middle; visibility: hidden;  font-size: 0px;padding-right:10px;}
.t3-sidebar .fa.fa-phone-square:before {font-size: 30px; visibility: visible;}
.t3-sidebar a.telnr4mobil.notelnr {font-size: 20px;color:#005fb7;font-weight:bold }

#t3-sticky .right > div > div.itemContainer {background: #fee5cc; color: #10151a;  border: 1px solid #301909;}
#t3-sticky .right > div > div.itemContainer h5 {text-transform:uppercase; font-size:18px; font-weight:bold; padding: 0 0 0 10px;}
#t3-sticky .right > div > div.itemContainer .moduleItemIntrotext {background:#fee5cc; color:#301909; font-size:16px;}
#t3-sticky .right > div > div.itemContainer:nth-child(2) { height: 195px;}




/* Tooltips und Popover */


/*----------------------------------------------------------------------*/
/* Magnific Popup Style  */
.mfp-figure:after {
    background:none;box-shadow:none;
}
.mfp-title {color:#000;padding-left:10px}
.mfp-counter {right:10px}
.mfp-content {background:#FFF;padding:10px}
.mfp-iframe-holder .mfp-content {
    max-width: 800px;
    max-height:600px;

}
.mfp-close {
    color:#000!important;
    right:0!important; padding-right:10px!important;
}
.mfp-iframe-holder .mfp-close {background: #FFF; opacity: 1}
/*----------------------------------------------------------------------*/
/* Accordion  Style  */
.accordion h3:hover {cursor:pointer}

/*bx.Gallery  Style  */
.bxgallery {
    background: #efefef;
    margin: 8px 0;
    padding: 16px;
    clear:both;
    max-width:100%;
        width:800px;
}
/*----------------------------------------------------------------------*/
/* Kontaktformular */
.kontakt div.fcp_captcha {
  text-align: left;
}
.kontakt div.fcp_captcha_inner {
  display: block !important;
}
.kontakt .fcp_wrapper {
  font-size: 1.3rem !important;
  padding: 20px !important;
  background: #fee5cc  !important;
}
.kontakt a.fcp-window_open { color: #805F44}
.kontakt div.fcp_scaptcha_inner input {width: 8em !important;}
.kontakt img.fcp_captcha_img {
  margin: 5px;
}
.kontakt .fcp_lcb {
  display: inline !important;
}
@media only screen and (max-width: 991px) {

}

/* Small devices .col-sm- (> 768px and up) */
@media (max-width: 500px) {
#t3-content h2 {font-size:28px;}
#t3-sticky .right > div > div.itemContainer:nth-child(1) {top: 80px;}
#t3-sticky .right > div > div.itemContainer:nth-child(2) {top: 220px;height: 195px;}
header .head-content p {display: none;}
#highlight .kacheln1x2 .row.box.odd {margin-right:0;}
#highlight .kacheln1x2 .row.box {width:100%}
.slogan {font-size:28px; margin-top: 15px !important;}
.justmentext {
    margin-left: 1%;
    margin-right: 1%;}

}
@media only screen and (min-width: 501px) and (max-width: 599px) {
.slogan {font-size:20px!important; margin-top: 0px !important;}
header .head-content p {display: none;}
	.zitat { font-size: 11px!important;}
}

@media only screen and (min-width: 600px) and (max-width: 710px) {
.slogan {font-size:23px!important; margin-top: 15px !important;}
	.zitat { font-size: 13px;}
	#highlight .kacheln1x2 .row.box.even {padding:10px;}
}

@media only screen and (min-width:480px) and (max-width: 767px) {
.t3-spotlight .boxed .itemContainer .moduleItemView .moduleItemIntrotext p:last-child a {padding-right: 0px; width: 20%; text-align:left; margin-top: 0px;
    position: absolute; margin-left: -10px; font-weight: normal;}

}

/* Extra Small devices .col-xs- ( < 768px ) */
@media ( max-width: 767px) { 
    button.off-canvas-toggle { display:block;}
    nav#t3-mainnav,  nav#topnav { display:none;}

    .t3-sidebar[class*="col-"] { width:100%}

    div.fcp_line label:first-child { display:block; text-align:left;width:100%}
    .fcp_sendrow, div.fcp_captcha, div.fcp_checkbox {  margin-left: 0;}
    .fcp_wrapper ~ p {   margin-left: 0;}

    td img { max-width:100%}
    .t3-spotlight div[class*="-12"] div.itemContainer { width:100% !important; float:none;}
    .t3-spotlight div[class*="-12"] div.itemContainer .moduleItemImageBlock { float:left;width:33%; margin-right: 3%}
    .t3-spotlight div[class*="-12"] div.itemContainer h3, .t3-spotlight div[class*="-12"] div.itemContainer .moduleItemIntrotext {   text-align: left!important;}

    .t3-spotlight span.catItemImage {text-align:left;}

    .t3-spotlight div[class*="-12"] .overlay div.itemContainer .moduleItemImageBlock {margin:0;}
    .t3-spotlight .overlay  .modulcontent {float:right; width:67%;margin:0; left:auto; bottom:8px; right:auto;position:relative}
    .t3-spotlight .overlay .itemContainer h3,
    .t3-spotlight .overlay .itemContainer .moduleItemIntrotext {margin-top:0;position:static;padding:0;} 

    #equalheight {overflow: hidden;}
	.fcp_form div.fcp_line input[type="text"], .fcp_form textarea, .fcp_form select { width: 95%;}
	.nav > li > span {padding: 0px 0px;}
	.navbar {top:30px;}
	#t3-footer img {width: 250px;}
	header .logo {padding-left: 50px;}
		.slogan {font-size:30px;}
	.zitat { font-size: 14px;}
	#highlight .kacheln1x2 .row.box.even {padding:15px;}




}

/* Small devices .col-sm- (> 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.navbar-nav {width:100%;}
.nav > li > a {font-size:16px;}
.zitat { font-size: 14px;}
.slogan {font-size:27px;}
}

/* Medium devices .col-md- (desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.navbar-nav {width:85%;}
.zitat { font-size: 22px;}
}

/* Medium devices .col-md- (desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

}

@media only screen and (max-width: 480px) {
    .col-xxs-12 { width:100%;float:none; height:auto;}

}

/* Large devices .col-lg- (large desktops, 1200px and up) */
@media ( min-width: 1200px) {  }