/* ########## Font Einbetten ########## */
@font-face {
    font-family: 'Cabin';
    src: url('/static/website/assets/fonts/Cabin-Bold.eot');
    src: url('/static/website/assets/fonts/Cabin-Bold.eot?#iefix') format('embedded-opentype'),
        url('/static/website/assets/fonts/Cabin-Bold.woff2') format('woff2'),
        url('/static/website/assets/fonts/Cabin-Bold.woff') format('woff'),
        url('/static/website/assets/fonts/Cabin-Bold.ttf') format('truetype'),
        url('/static/website/assets/fonts/Cabin-Bold.svg#Cabin-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Cabin';
    src: url('/static/website/assets/fonts/Cabin-Regular.eot');
    src: url('/static/website/assets/fonts/Cabin-Regular.eot?#iefix') format('embedded-opentype'),
        url('/static/website/assets/fonts/Cabin-Regular.woff2') format('woff2'),
        url('/static/website/assets/fonts/Cabin-Regular.woff') format('woff'),
        url('/static/website/assets/fonts/Cabin-Regular.ttf') format('truetype'),
        url('/static/website/assets/fonts/Cabin-Regular.svg#Cabin-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cabin Condensed';
    src: url('/static/website/assets/fonts/CabinCondensed-Regular.eot');
    src: url('/static/website/assets/fonts/CabinCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('/static/website/assets/fonts/CabinCondensed-Regular.woff2') format('woff2'),
        url('/static/website/assets/fonts/CabinCondensed-Regular.woff') format('woff'),
        url('/static/website/assets/fonts/CabinCondensed-Regular.ttf') format('truetype'),
        url('/static/website/assets/fonts/CabinCondensed-Regular.svg#CabinCondensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cabin Condensed';
    src: url('/static/website/assets/fonts/CabinCondensed-Medium.eot');
    src: url('/static/website/assets/fonts/CabinCondensed-Medium.eot?#iefix') format('embedded-opentype'),
        url('/static/website/assets/fonts/CabinCondensed-Medium.woff2') format('woff2'),
        url('/static/website/assets/fonts/CabinCondensed-Medium.woff') format('woff'),
        url('/static/website/assets/fonts/CabinCondensed-Medium.ttf') format('truetype'),
        url('/static/website/assets/fonts/CabinCondensed-Medium.svg#CabinCondensed-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}


/* ########## Styling RichText-Editor in Verwaltung ########## */
#designbody {
	font-size:14px;
  font-family: 'Cabin', sans-serif;
  line-height:1.2;
}

/* ########## Styling Editbutton für Redakteure Beginn ########## */
@media only screen and (min-width: 768px) {
  .showEditButtons {display:block !important;}  
  .editButtonForm {display: inline-block;padding: 0;margin: 0;}
  .editGlobalButtonMenue {
    padding:0;
    background: rgb(243,247,206);
    background: -moz-linear-gradient(top, rgba(243,247,206,1) 0%, rgba(202,226,178,1) 100%);
    background: -webkit-linear-gradient(top, rgba(243,247,206,1) 0%,rgba(202,226,178,1) 100%);
    background: linear-gradient(to bottom, rgba(243,247,206,1) 0%,rgba(202,226,178,1) 100%);
    color: #648148;
  }
  .editGlobalButtonMenueGn {
  	padding:0;
    background: rgb(206, 221, 56);
    background: -moz-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
		background: linear-gradient(to bottom, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    color: #324F15;
  }
  .editButtonMenue {
  	margin: 6px;
    padding: 0 5px;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    background: rgb(206, 221, 56);
    background: -moz-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: linear-gradient(to bottom, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    color: #324F15;
    display:none;
    font-size: 14px;
  }
  .editButtonContainer {
    margin: 6px;
    padding: 0px 5px;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    background: rgb(206, 221, 56);
    background: -moz-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: linear-gradient(to bottom, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    color: #324F15;
    display: none;
		/*
    position: absolute;
    right: 0;
    top: 0;
    */
    z-index:10;
    font-size: 14px;
  }
  
  .hideEditButtons {display:none;}

	#penGlobal {
    padding: 6px;
    margin-left: 4px;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    font-size: 24px;
    display: inline-block;
  }
  #copyGlobal {
    padding:6px 12px;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    background: rgb(251, 202, 37);
    background: -moz-linear-gradient(top, rgba(251, 202, 37, 1) 0%, rgba(254, 85, 74, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(251, 202, 37, 1) 0%, rgba(254, 85, 74, 1) 100%);
    background: linear-gradient(to bottom, rgba(251, 202, 37, 1) 0%, rgba(254, 85, 74, 1) 100%);
    font-size: 30px;
    color: #813E00;
    display: inline-block;
  }
  .whitebgcorner{
  	position: fixed;
    background: rgba(255, 255, 255, 0.9);
    z-index: 1000;
    display: flex;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    border-bottom-right-radius: 10px;
    padding: 10px;
  }

	.whitebgscroll{
  	position: absolute;
		margin-top: 10px;
		z-index: 999;
    background: rgba(255, 255, 255, 0.9);
    display: inline-block;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
  }
  
  .row form.editButtonForm {display: inline;}

}

@media only screen and (max-width: 1023.98px) {
  .editButtonForm {display:none;}
  .editGlobalButtonMenue, .editButtonContainer, #penGlobal {display:none;}
  .editButtonMenue, .editButtonContainer, #penGlobal {display:none;}
}

/* ########### Styling Editbutton für Redakteure Ende ########### */

body {background-color: #fff; font-family: 'Cabin', sans-serif;-webkit-font-smoothing: antialiased !important;-moz-osx-font-smoothing: grayscale !important;}
a {color:#7C7C7C;}
img {border: 0px #a0a0a0 solid;}
h1 {letter-spacing: 0.25px; color: #d7d5cd; font-family: 'Cabin Condensed', sans-serif; font-size: 2em; font-weight: 400; text-transform: uppercase; margin:60px 0 0 0; float:right;}
h3 {letter-spacing: 0.25px; color: #373737; font-family: 'Cabin Condensed', sans-serif; font-size: 1.5em; font-weight: 400; text-transform: uppercase; margin-bottom: 20px;}
p {color: #555555; margin-top: 0; font-size: 1.0em; line-height: 1.8em; font-weight: 300;}
table{font-size: 14px; font-weight: 300; margin-bottom:20px;}
.clear.ruler {border-top:2px #d7d5cd solid; clear:both; width:100%;}
.textCenter {text-align:center;}

#topNav {background: #fff;}
#header #topBar .logo img {border:none; width:25%;}
#topNav #topMain {position:relative;}
#topNav #boxTopNav #btnHome {position: absolute; left: 15px; bottom:11px; font-family: 'Cabin Condensed', sans-serif; font-size:12px;letter-spacing: 0.25px; text-transform:uppercase;}
#topNav #boxTopNav #btnWriteUs {position: absolute; right: 15px; bottom:11px; font-family: 'Cabin Condensed', sans-serif; font-size:12px;letter-spacing: 0.25px; text-transform:uppercase;}

#topNav ul.nav>li:last-child{border-right:none;}
#topNav ul.nav>li a.dropdown-toggle {font-family: 'Cabin Condensed', sans-serif; font-size:16px; font-style:normal; font-weight:500; color: #7C7C7C; letter-spacing: 0.25px; line-height:1;}
#topNav ul.nav>li ul.dropdown-menu {width:840px; background-color:transparent; box-shadow:none !important; border:none;}
#topNav ul.nav>li ul.dropdown-menu>li {width:auto; display: inline-table;}
#topNav ul.nav>li ul.dropdown-menu>li a.navSecond {font-family: 'Cabin Condensed', sans-serif; font-weight:400; letter-spacing: 0.25px; border-bottom:0; padding: 5px 17px;}
#topNav ul.nav>li ul.dropdown-menu>li.active>a, #topNav ul.nav .dropdown-menu>li:hover>a, #topNav ul.nav .dropdown-menu>li:focus>a {color: #000 !important; background-color: transparent;}
#topNav ul.nav>li ul.dropdown-menu>li.active a.navSecond {color:#ffcfa5  !important; text-decoration:underline;}
#topNav ul.nav>li:hover ul.dropdown-menu {text-align:center; padding-top:12px;}
#topNav button.btn-mobile {background: transparent;}
#topNav button.btn-mobile i {color: #000;}

.article .picture img {margin-bottom:20px;}
.button_press {background: #e6e4e1; color: #141414; display: inline-block; position: relative; float: right; font-family: 'Cabin Condensed', sans-serif; font-size: 0.8em; font-weight: 500; letter-spacing: 0.25px; padding: 5px 25px 5px 25px; margin-bottom: 30px; text-transform: uppercase; border: none; cursor: pointer;}

form {padding:0;}
.form-control {height:30px; font-size:13px;}
textarea.form-control {    padding: 5px 12px 5px 12px; height: 74px;}
.sky-form label, form label {font-size: 14px;}

/*.owl-carousel .owl-wrapper-outer {border: 2px #d7d5cd  solid;}*/
.owl-carousel .owl-wrapper-outer img {border:0; border-right: 4px solid #fff;}
div.owl-carousel .caption {background: rgb(255, 255, 255); font-size: 14px; color:#7C7C7C; padding:0 10px 5px 0; margin:0; text-align:right;}

.footer .overlay {background:none !important;}
.footer .item-box span.inner {font-size:14px; top:44%; line-height: 16px;}
.footer .item-box a.item-hover {opacity:inherit;}
.footer .subnav {margin-top: 2px;}
.footer .subnav ul {list-style: none; width: 100%; padding: 0; margin: 0;}
.footer .subnav ul li.left {float:left; margin-right: 10px;}
.footer .subnav ul li.left:last-of-type {float:left; margin-right: 0px;}
.footer .subnav ul li.right {float:right; margin-left:30px;}
.footer .subnav ul li.right:last-of-type {float:right; margin-left:0px;}
.footer .subnav a {color: #7C7C7C; font-family: 'Cabin Condensed', sans-serif; font-weight: 400; text-decoration: none; margin: 0 !important; font-size: 14px;}
.footer .subnav i.fa {font-size: 14px;}
.bgposition{background-size:cover!important; background-position: center!Important;}
.topServiceNavi {width: 100%; text-align: right; height: 40px; font-size: 12px;}
.topServiceNavi a {margin-left:15px; font-family: 'Cabin Condensed', sans-serif; font-size: 12px;margin-top: 6px;display: inline-block;}
.topServiceNavi a>i {font-size: 16px;margin-right: 6px;}


/* ########## Styling für verschiedene Displaygrößen Beginn ########## */
@media only screen and (max-width: 400px) {
  .newsStartTitle {width: 220px;}
  .bgposition{background-position: -400px !important;}
  .footer .subnav ul li.left {float:left; margin-right: 15px;}
	.footer .subnav ul li.right {float:right; margin-left:15px;}
}


@media only screen and (min-width: 401px) and (max-width: 500px) {
  .newsStartTitle {width: 220px;}
	.bgposition{background-position: -350px !important;}
}

@media only screen and (min-width: 501px) and (max-width: 1024px) {
  .newsStartTitle {width: 220px;}

}
@media only screen and (min-width: 768px) {
	#topNav {box-shadow:none; -webkit-box-shadow:none;}
  #topNav ul.nav>li a.noborder {
    border:none;
    padding: 8px 10px !important;
	}
	#topNav ul.nav>li a.noborder:hover {
    background-color:#1487c9;
    color:#fff;
    font-weight: 400;
    font-size:18px;
	}
  #topNav ul.nav>li {padding: 8px 0 5px;}
}

@media only screen and (max-width: 767px) {
	.hideOnMobile {display:none;}
  #topNav ul.nav>li>a {font-weight: 400;}
  #topNav ul.nav>li>ul {padding:0 !important;}
  #topNav ul.nav>li>ul>li>a {font-size: 16px;}
  #topNav ul.nav>li>ul>li>ul {padding:0 !important;}
  #topNav ul.nav>li>ul>li>ul>li>a {font-size: 16px;}
	#topNav ul.dropdown-menu a.dropdown-toggle:after {top:18px;}
  #topNav ul.nav>li>ul.pull-right {float: left !important;}
	.lead {font-size:18px !important; clear:both;}
  #topNav ul.nav>li.mega-menu div.row.rowMegaMenue {
  	margin-bottom:0;
  }
  #topNav ul.nav>li.mega-menu div div.megaMenuDiv {
    border-left: 0;
    margin-bottom: 0;
	}
  #topNav ul.nav>li.mega-menu div div.megaMenuDiv a{
    font-size:16px;
    border-bottom: 1px solid #eee;
    padding: 19px 19px !important;
	}
  #topNav ul.nav>li.mega-menu div div.megaMenuDiv a.noborder{
    border-bottom: 1px solid #eee !important;
	}
  .margin-xs-top30 {margin-top:30px;}
  .margin-xs-top40 {margin-top:40px;}
  .margin-xs-top60 {margin-top:60px;}
}

@media only screen and (min-width: 991px) {
  #topNav ul.nav>li ul.dropdown-menu>li a.navSecond {font-size:14px; color:#7C7C7C}
  #topNav ul.nav>li ul.dropdown-menu>li a.navSecond.transparent {font-size:14px; color:transparent !important;}
  #topNav ul.nav>li ul.dropdown-menu>li.active a.navSecond {font-size:14px; color:#000;}
  #topNav ul.nav>li ul.dropdown-menu>li.active a.navSecond.transparent {font-size:14px; color:transparent !important;}
	#topNav div.navbar-collapse {margin-top:0; display:inline-block !important; float:none;}
	#topNav .nav li:hover>ul.dropdown-menu {background-color: #000;}
	#topNav ul.nav>li ul.dropdown-menu>li a.navSecond {color:#fff !important;}
	#topNav .nav li>ul.dropdown-menu {text-align:center; padding-top:12px; height:46px;}
	#boxTopLogo {padding-bottom: 50px; border-bottom: 1.5px solid #000;}
}

@media only screen and (max-width: 990px) {
	#topNav ul.nav>li>a:after {
    top: 6px;
    display:none;
  }
  #topNav nav.nav-main li.resp-active > ul.dropdown-menu {
    top:0 !important;
    left:0 !important;
	}
  #topNav ul.nav>li a.dropdown-toggle {font-size:20px; line-height:1.7;}
  #topNav ul.nav>li ul.dropdown-menu>li a.navSecond {font-size: 18px; line-height:1.5;}
  #topNav div.nav-main-collapse, #topNav div.nav-main-collapse.in {margin: 0 0 0 0;}
	#topNav div.navbar-collapse {float:none;}
}
/* ########### Styling für verschiedene Displaygrößen Ende ########### */

/* ########## Colorbox Beginn ##########*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url('/static/website/assets/plugins/colorbox/images/overlay.png') repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url('/static/website/assets/plugins/colorbox/images/controls.png') no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url('/static/website/assets/plugins/colorbox/images/controls.png') no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url('/static/website/assets/plugins/colorbox/images/controls.png') no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url('/static/website/assets/plugins/colorbox/images/controls.png') no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url('/static/website/assets/plugins/colorbox/images/controls.png') left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url('/static/website/assets/plugins/colorbox/images/controls.png') right top repeat-y;}
    #cboxTopCenter{height:21px; background:url('/static/website/assets/plugins/colorbox/images/border.png') 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url('/static/website/assets/plugins/colorbox/images/border.png') 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url('/static/website/assets/plugins/colorbox/images/loading_background.png') no-repeat center center;}
        #cboxLoadingGraphic{background:url('/static/website/assets/plugins/colorbox/images/loading.gif') no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url('/static/website/assets/plugins/colorbox/images/controls.png') no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url('/static/website/assets/plugins/colorbox/images/controls.png') no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url('/static/website/assets/plugins/colorbox/images/controls.png') no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url('/static/website/assets/plugins/colorbox/images/ie6/borderTopLeft.png');}
.cboxIE6 #cboxTopCenter{background:url('/static/website/assets/plugins/colorbox/images/ie6/borderTopCenter.png');}
.cboxIE6 #cboxTopRight{background:url('/static/website/assets/plugins/colorbox/images/ie6/borderTopRight.png');}
.cboxIE6 #cboxBottomLeft{background:url('/static/website/assets/plugins/colorbox/images/ie6/borderBottomLeft.png');}
.cboxIE6 #cboxBottomCenter{background:url('/static/website/assets/plugins/colorbox/images/ie6/borderBottomCenter.png');}
.cboxIE6 #cboxBottomRight{background:url('/static/website/assets/plugins/colorbox/images/ie6/borderBottomRight.png');}
.cboxIE6 #cboxMiddleLeft{background:url('/static/website/assets/plugins/colorbox/images/ie6/borderMiddleLeft.png');}
.cboxIE6 #cboxMiddleRight{background:url('/static/website/assets/plugins/colorbox/images/ie6/borderMiddleRight.png');}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

    /* ########### Colorbox Ende ###########*/