/*   Content by 
  Druck & Service Garhammer GmbH
  Florian Garhammer
  f.garhammer@garhammer-druck.de
  Tel. +49 9921 882270
==================================================
  */

/* #Reset & Basics
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, svg, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }
  
body {  
  line-height: 1; }
  
ol, ul, li, a {
  list-style: none;
  text-decoration: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }
  
table {  
  border-collapse: collapse;
  border-spacing: 0; }

html {
  height:100.001%;
  overflow: scroll; }


/* #Typography
================================================== */

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a  {
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  color: #c69867;
  text-decoration: none;
  line-height: 1.6; 
  padding-bottom: 20px;
  text-transform:uppercase;}

h1, h1 a {
  font-size: 36px; }

h2, h2 a {
  font-size: 32px; }

h3, h3 a {
  font-size: 28px; }

h4, h4 a {
  font-size: 24px; }

h5, h5 a {
  font-size: 20px; }

p, span, li, ol, ul, table {
  font-family: 'Fauna One', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.75;
  color: #222;}
  
a {  
  font-family: 'Fauna One', sans-serif;
  color: #b07e49;
  cursor: pointer;
  font-size: 17px;}

a:hover {
  color: #e3b27f; }

hr {
  border: none;
  border-bottom: 1px dotted #ddd;
  margin: 14px 0;}
  
.counter {
  font-family: 'Fauna One', sans-serif;
  font-weight: 400;
  font-size: 13px;
  background-color: #ddd;
  color: #fff;
  margin-bottom: 15px;
  border-left: 3px solid #c69867;
  padding: 3px 3px 3px 10px;}
  
.published > span {
  border-left: none;
  padding: 0;}

/* #Colors and Classes
--------------------------------------------------------- */  
.white, #bottom1 p, #bottom1 span {color: #ffffff;}

.gold, p.gold, h1 a:hover {color:#c69867;}
.gold:hover, p.gold:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {color:#e3b27f;}

.strong {
	color: #000;}
	
.small {font-size: 80%; }

.intro {
  font-family: 'Fauna One', sans-serif;
  font-size: 23px; 
  font-weight: 400;
  line-height: 1.5;
  color: #c69867; }
  
 .right {float: right; }
  
  
::selection {
 background: #c69867;
 color: white;}

::-moz-selection {
 background: #c69867;
 color: white;}



/* #Links
================================================== */



/* #Lists
================================================== */
  
li.icon:first-child {
  margin: 20px 0 0 0;}
  
li.icon {
  padding: 5px;} 
   
li.icon:last-child {
  margin: 0 0 20px 0;}
 
ul.liste li:before {content: "\25BA"; color: #083060; padding-right: 10px;}

ul.normal {
  list-style: inherit;
  list-style-position: outside;
  padding-left: 20px;
}

ul.normal li {
  list-style: inherit;
  color: #222; 
}
 

/* #Images
================================================== */
img.fullsize {
  width: 100%;
  float: left;
  margin: 0 10px;}

#logo.fixed-logo > a > img {
  margin: 0;
  }

img {
  max-width: 100%;
  margin: 10px 0;}
  
img.fullsize {
  width: 100%;
  float: left;
  margin: 0 10px;}

img.bildlinks {
  max-width: 100%;
  float: left;
  margin: 10px 20px 10px 0px;}

img {
  max-width: 100%;
  height: auto;
  margin: 10px 0px;}
  
.beitragsbild > img, img.beitragsbild  {
  float: right;
  margin: 0 20px 20px 20px;
  width: 320px;}


/* Buttons
--------------------------------------------------------- */

a.button {
    padding: 10px 20px;
    margin: 25px 0 0 0;
    border: 2px solid;
    line-height: 4em;}
	
a.button:hover {	
	background-color: #e3b27f;
	color: #fff;
	border-color: #e3b27f;}
	
	

/* Forms, Tables & Tabs
================================================== */
tr:nth-child(even) {
  background: #f2f2f2; }
  
tr:hover {
  background: rgba(230,230,230,0.25); }

td{
  padding: 7px 20px;}
  
th {
  background-color: #aaa;
  color: #fff;
  padding-left: 10px;}
  
/* #Positions
================================================== */
.maxcol { width:100%; }

.leftcols1 { width:1200px; }
.leftcols2 { width:800px; }
.leftcols1, .leftcols2 {margin: 0 0 0 0; float: left; }

.cols2 {width: 400px; margin: 40px 0 0 0; float: left;  }
.botmargin {margin: 0 0 50px 0;}

#all {
  width: 100%;
  background-color: #fdfdfd; }

#topbox, #banner, #between1box, #body, #bottom1box, #bottom2box, #footerbox, #footer2box {
  position: relative;
  left: 50%;
  margin-left: -600px;
  width: 1200px;
  height: auto;
  z-index: 50; }

#head, #between1, #main, #bottom1, #bottom2, #footer, #footer2 {
  width: 100%;
  clear: both;
  float: left; }
  
#top {
  width: 100%;}
  
#top.fixed-top {
  position: fixed;
  background: #0D223B !important;
  opacity: 0.95;
  border-bottom: 3px solid rgba(198,152,103,0.75);}

#main {
  padding: 0 0 30px 0;}


#left {
    background-color: #fff;
    margin: 50px 0;
    padding: 60px;
    display: inline-block;
    height: auto;
    border: 1px solid #eee;}

.startseite > #main > #body > #left {
    margin: -100px 0 50px 0;}

.startseite > #top {
    position: fixed;
	background-color: rgba(33, 55, 77,0.9);}
 
.startseite > #main > #body > #left::before {
    content: "";
	background: url(../images/wappen.png) no-repeat center center;
	width: 130px;
	height: 130px;
	display: block;
	margin: -100px auto 50px auto;}

#top {
    z-index: 100;
    background: rgba(33, 55, 77, 1.0);
    height: 90px;
    position: relative;
    border-bottom: 3px solid #977858;}

.unterseite #logo img {
    width: 250px;}
	
.unterseite #topbox{
    z-index: 100;}

#logo {
  float: left;
  display: block;
  z-index: 100;
  width: 350px;
  position: absolute;
  margin: -10px 0 0 10px;}

#logo.fixed-logo {
  position: relative;
  left: 0;
  width: 190px;
  top: 0px; }

#nav {
  left: 380px;
  top: 32px;
  position: absolute;
  z-index: 1;  }

#nav.fixed-nav {
  left: 220px;}

#nav_mobile {display: none;}

#head {
margin-top: 90px;}

#all.unterseite > #head {
margin-top: 0px;}
   
#banner {
  position: relative;}

#main, #head {  
  background: url(../images/bg_content.png) repeat scroll 0px 0px #fdfdfd; }

#footer {  
  background: #dcd3c6;
  padding: 70px 0;}

#between1 {
  padding: 20px 0 50px; }

#fo1_col1 .wimg.droppicslightbox {
    width: 100px !important;
    height: 80px !important;}
  
#bottom1 {
background: url(../images/bg_bo1.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";}

#bottom2, #between1 {
  background: url(../images/bg_content.png) repeat scroll 0px 0px #fdfdfd; }
	
#bo1_col1 {
    padding: 0 0 0 15%;}
	
#bottom1box p:first-child {
    font-size: 1.75em;}

#contentbottom1, #contentbottom2 {
  float: left;
  margin-right: 6%;
  width: 46%;
}

#contentbottom2 {
  margin-right: 0;
  padding-top: 32px;}

#backtotop {
   position: absolute;
   top: 100%;
   margin: -67px 0 0 840px;
   clear: both; }

.items-row {
  padding: 20px 0;
  border-bottom: 1px dotted #ccc;}

.items-row:first-child {
  background:none; }

#col2 > div > h3  {
  margin: 0 0 10px 0;
  }

.nurmobil {
  display: none;
}

.page-header.test {
  background: url(../images/diagonal_grey.png) repeat scroll 0px 0px;}

p.counter{
  display: inline-block;
  width: 100%;}
  
  
  /* #Between
--------------------------------------------------------- */  
#be1_col1 > .mod-custom {
    width: 31%;
    padding: 30px;
    float: left;
    margin-right: 3%;
	min-height: 380px;}
	
#be1_col1 > .mod-custom:nth-child(odd) > h3, #be1_col1 > .mod-custom:nth-child(odd) > p{
    background: url(../images/be_blue.png);}

#be1_col1 > .mod-custom:nth-child(even) > h3, #be1_col1 > .mod-custom:nth-child(even) > p {
    background: url(../images/be_gold.png);}
	
#be1_col1 > .mod-custom:nth-child(1) {
background: url(../images/be_bild1.jpg) no-repeat center center;}

#be1_col1 > .mod-custom:nth-child(2) {
background: url(../images/be_bild2.jpg) no-repeat center center;}

#be1_col1 > .mod-custom:nth-child(3) {
background: url(../images/be_bild3.jpg) no-repeat center center;}
	
#be1_col1 > .mod-custom p, #be1_col1 > .mod-custom h3{
    color: #fff;
	text-align:center;}

#be1_col1 > .mod-custom:last-child {
    margin-right: 0%;}
	
#be1_col1 > .mod-custom > h3 {
padding: 20px;}

a > img.popbutton  {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -moz-transition: -moz-transform .6s ease-in-out;
    -ms-transition: -ms-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    padding: 10px;
	width: 40%;
	margin: -20px auto 0px;
	display: block;
    cursor: pointer;}

a > img.popbutton:hover {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);}
	
#be1_col1 a {
    color: #fff;
    padding: 10px 20px;
    border: 2px solid #fff;
    display: block;
    width: auto;
	margin-top: 100px;}

#be1_col1 a:hover {
    background-color: #fff;
    color: #c69867;}
	
#fo1_col1 > .mod-custom {
    width: 30%;
    display: block;
    float: left;
	margin-right: 5%}

#fo1_col1 > .mod-custom:nth-child(3) {
	margin-right: 0%}
	
#fo1_col1 .nav.menu a, #fo1_col1 .nav.menu span {
    font-size: 0.8em !important;}
	
#fo1_col1 .nav.menu a {
    background: transparent;}
	
#fo1_col1 .nav.menu ul{
    margin: 0 0 0 20px;}
	
#fo2_col tr:hover {
  background: transparent; }
  
.fo2_col table {float: left;}

.fo2_col table:last-child > tbody > tr > td {text-align: right;}


 /* #Page Navigation
--------------------------------------------------------- */
div.pagination a {
  color:#484848;
  font: 400 .8em 'Fauna One', sans-serif;
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
      -ms-box-sizing:border-box;
          box-sizing:border-box; }

div.pagination ul {
  width:100%;
  text-align:center;
  margin:21px 0 35px; }

div.pagination li {
  display:inline;
  margin:0 5px; }

div.pagination li a {
  display:inline-block;
  line-height:35px;
  width:35px;
  height:35px;
  text-align:center;
  text-decoration:none;
  border-bottom:3px solid #ccc;
  font-weight: 400;
  padding:0 7px; }

div.pagination li a:hover, div.pagination li a.selected {
  background:url(../images/bg_dark.jpg) repeat scroll 0 0 transparent;
  border:none;
  color:#fff; }


   /* #Transition
--------------------------------------------------------- */ 
:hover, a:hover, .readmore a:hover, .menu_top a:hover, .menu_top span.nav-header:hover, #bottom2, tr:hover, div.pagination li a:hover, div.pagination, .pull-left.item-image img, .button:hover, div#fox-container-m100 .fox-form input[type="text"]:hover, div#fox-container-m100 .fox-form input[type="email"]:hover, div#fox-container-m100 .fox-form textarea:hover, div#fox-container-m100 .fox-form input[type="text"]:focus, div#fox-container-m100 .fox-form input[type="email"]:focus, div#fox-container-m100 .fox-form textarea:focus, .menudrop, .dropdown, .sbutton a:hover, .mbutton a:hover, .menu_top li:hover ul.nav-child a:hover, .menu_top li:hover a, .menu_top span.nav-header:hover, li.downloads a:hover:before, div.footset > ul.nav > li > a:hover:before, #gototop:hover, .btnsmall, #top.fixed-top, .button-info:hover:after, .icon.check:before, a.buttoncorn:hover:after, p.readmore a:hover:after, .buttoncornwhite:hover:after, div#fox-container-m100 .btn:hover, .droppicsgallerydefault .img:hover, div.mod-languages img:hover, div#social > div > div.custom:hover, #be1_col1 a:hover  {
  -webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
      -ms-transition: all 400ms ease;
       -o-transition: all 400ms ease;
          transition: all 400ms ease; }


  /* #Zeile Details und Tooltip ausblenden
--------------------------------------------------------- */
dt.article-info-term {display: none;}
div.tooltip {display: none;}


  /* #Sprachmodul Social
--------------------------------------------------------- */

div.mod-languages ul {
    display: block;
    position: absolute;
    right: 20px;
    top: 25px;}
	
div.mod-languages img {
    width: 25px;
	opacity: 0.7;}

div.mod-languages img:hover, div#social > div > div.custom:hover {
	opacity: 1.0;}
	
	
div#social > div > div.custom{
    display: block;
    position: absolute;
    right: 140px;
    top: 32.5px;
	opacity: 0.7;}
	
#language_mob {
    display: none;}
	
  /* #Iconmoon
--------------------------------------------------------- */
@font-face {font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?3gprha');
    src:    url('../fonts/icomoon.eot?3gprha#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?3gprha') format('truetype'),
        url('../fonts/icomoon.woff?3gprha') format('woff'),
        url('../fonts/icomoon.svg?3gprha#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;}

.icon.check:before {/* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
	color: #083060;
	font-size: 1.25em;
	padding: 0 20px;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}

.icon.triangle-down:before {content: "\e902";}
.icon.circle-right:before {content: "\e901";}
.icon.check-circle:before {content: "\f058";}
.icon.list-ol:before {content: "\f0cb";}
.icon.search:before {content: "\f002";}
.icon.check:before {content: "\f00c";}
.icon.arrow-circle-o-down:before {content: "\f01a";}
.icon.folder-open:before {content: "\f07c";}
.icon.phone:before {content: "\f095";}
.icon.envelope:before {content: "\f0e0";}
.icon.thumb_up:before {content: "\e900";}
.icon.place:before {content: "\e600";}

  /* #Accordian Box
--------------------------------------------------------- */

.accordian {
  position: relative;
  margin-bottom: .01em;
  width: 100%;
  color: #fff;
  overflow: hidden;}

.accordian input {
  position: absolute;
  opacity: 0;
  z-index: -1;}

.accordian label {
  position: relative;
  display: block;
  background: #0D223B;
  cursor: pointer;
  font-family: 'Faune One', serif;
  font-weight: 700;
  font-size: 24px;
  padding: 20px 30px;
  margin-bottom: 10px;}

.spalte > div:first-child {
    padding: 20px 0px 0px 0;}

.spalte > div {
    padding: 8px 0px 12px 0;}

.spalte > div:nth-child(1n+1){
    margin-top: 10px;}

div.spalte {
    min-width: 245px;
	margin: 5px;
	display:  inline-table;}

.accordian label:hover, .accordian input:checked ~ label  {
  background: #1F5A8A;}

.accordian .tabs-content {
  max-height: 0;
  border: 2px solid #eee;
  background: #fff;}

.accordian input:checked ~ .tabs-content > .boxcontent {
  padding: 20px 20px;
  margin-bottom: 15px;}

.accordian input:checked ~ .tabs-content {
  max-height: 1000000px;
  -webkit-transition: max-height 25s ease-in-out;
  -moz-transition: max-height 25s ease-in-out;
  -o-transition: max-height 25s ease-in-out;
  -ms-transition: max-height 25s ease-in-out;
  transition: max-height 25s ease-in-out;
  display: flex;}

.accordian label:after {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 50px;
  height: 56px;
  width: 56px;
  text-align: center;
  -webkit-transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -moz-transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -o-transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -ms-transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);}

.accordian input[type=checkbox] + label:after {
  content: "+";}

.accordian input[type=checkbox]:checked + label:after {
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);}


  /* #Heart boom
--------------------------------------------------------- */

.boom {
	-webkit-animation: boom_animation 1s ease infinite;
	-moz-animation: boom_animation 1s ease infinite;
	-ms-animation: boom_animation 1s ease infinite;
	animation: boom_animation 1s ease infinite;
	margin: 10px 0 0;
}

@keyframes "boom_animation" {
 0% {
    -webkit-transform: scale(1.3);
   	-moz-transform: scale(1.3);
   	-o-transform: scale(1.3);
   	-ms-transform: scale(1.3);
   	transform: scale(1.3);
 }
 50% {
    -webkit-transform: scale(0.9);
   	-moz-transform: scale(0.9);
   	-o-transform: scale(0.9);
   	-ms-transform: scale(0.9);
   	transform: scale(0.9);
 }
 100% {
    -webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1); }}

@-moz-keyframes boom_animation {
 0% {	-moz-transform: scale(1.3);
   		transform: scale(1.3); }
 50% {	-moz-transform: scale(0.9);
   		transform: scale(0.9); }
 100% {   -moz-transform: scale(1);
   		transform: scale(1); }}

@-webkit-keyframes "boom_animation" {
 0% {	-webkit-transform: scale(1.3);
   		transform: scale(1.3); }
 50% {	-webkit-transform: scale(0.9);
   		transform: scale(0.9); }
 100% {   -webkit-transform: scale(1);
   		transform: scale(1); }}

@-ms-keyframes "boom_animation" {
 0% {   -ms-transform: scale(1.3);
   transform: scale(1.3); }
 50% {   -ms-transform: scale(0.9);
   transform: scale(0.9); }
 100% {-ms-transform: scale(1);
   transform: scale(1); }}


  /* #DSVGO
--------------------------------------------------------- */ 

.cc-animate.cc-revoke.cc-bottom{
    padding: 10px !important;
	border-radius: 0px !important;}

.cc-animate.cc-revoke.cc-bottom {
    transform: none !important;}

.cc-message-text > span {
    color: #fff;}

  /* 
--------------------------------------------------------- */
  
* { 
  -webkit-box-sizing: border-box; 
     -moz-box-sizing: border-box; 
      -ms-box-sizing: border-box; 
       -o-box-sizing: border-box; 
          box-sizing: border-box; }