@font-face {
    font-family: 'gothica1-regular-webfont';
    src: url('../fonts/gothica1-regular-webfont.eot');
    src: url('../fonts/gothica1-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
    font-family: gothica1-regular-webfont;
}
nav a {
    font-family: gothica1-regular-webfont;
    font-size: 1.2em;
}
body {font-family: gothica1-regular-webfont;
}

/* Das Layout - Angaben die Bootstrap überschreiben! */
/* Eigene CSS-Deklarationen */
html {
  position: relative;
  min-height: 100%;
  font-size:1em;
}

body > .container {
  padding-right: 15px;
  padding-bottom: 60px;
  padding-left: 15px;
}
body > .container.MultiPage {
  padding: 0;
  width:100%;
}
.dsgvopanel {
  width: 80%;
  margin: auto;
  padding-top:100px;
}
div.container.Security.Page {
  display: none;
}
/*.dsgvopanel a {
  color:red;
}*/
#MemberLoginForm_LoginForm_Remember_Holder {
  display: none!important;
}
div.Security h1 {
    padding-left:24px;
}
.btn-toolbar {
  padding: 15px 7px;
}
.login {
	max-width:796px;
	margin:auto;
}
.container.ProjektPage {

}
.containerPopup.home.PopupContent {
  margin-top: 50px;
}
div.headertop {
  position: fixed;
  top: 0;
  z-index:99;
  width: 100%;
  height:50px;
  background-color: #9e7c41;
}
div.headertop a h1 {
  padding: 0;
  font-size: 1.2em;
  color: #fff!important;
}
div.headertop a {
  color: #fff!important;
}
.bruegel {
    color: #000;
    padding: 8px 0 0 30px;
    font-size:0.8em!important;
    line-height:1.4em!important;
}


/* Header 
-------------------------------------------- */
    
header {
    display:flex;
    justify-content: space-between;
    padding:12px;
    color:#fff;
}
header a, header a h1, footer a {
    color:#fff;
}
/* LINK-Kontur
-------------------------------------------- */
a {
    outline:0!important;
    color:#9E7C41;
    text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* besuchte Links ***/
a.visitedlink, a:hover {
    color:#9E7C41;
}
footer a {
  color: #fff;
  text-decoration: underline;
}
footer a:hover {
  color: #000;
  text-decoration: underline;
}


.projektpage a {
  color: #9E7C41;
}
.container.Security.Page {
  margin-top: 60px;
}
#ForgotPassword {
  display: none;
}

header div.burger img {
    width:40px;
    height:40px;
    background:none;
}

div.desc {
    display:block;
}
div.pad {
    display:none;
}
div.smart {
    display:none;
}
.navbar-default {
background-color: transparent;
border-color: transparent;
}
.navbar {
    border-radius: 0px;
}
h1, h2, h3, h4 {
    padding-bottom:24px;
}
/* Footer */
.right > p > a > img {
width:30px;
height:auto;
}
.right > p > a > img:hover {
opacity:0.5;
}
/* WYSIWYG EDITOR ALIGNMENT CLASSES
-------------------------------------------- */
.left, .text-left {
text-align: left
}
.center, .text-center {
text-align: center
}
.right, .text-right {
text-align: right
}
.justify, .justify-text {
text-align: justify;
hyphens: auto;
}


/* Glyphicon Menu 
---------------------------------------------*/
.glyphicon.glyphicon-menu-left, .glyphicon.glyphicon-menu-right {
    top: 50%;
    font-size: 1.6em;
    padding: 0 10px;
}

/* Nav für ProjektPage
--------------------------------------------*/
div.projektpage {
    margin-top:88px;
}
ul.projektnav {
    list-style-type: none;
    padding: 0;
}
ul.projektnav a {
    line-height:1.1em;
    display:block;
    padding-bottom:8px;
    color:#000;
}
ul.projektnav a:hover, ul.projektnav a.current {
    text-decoration: none;
    color:#cd2d32;
}


/* MODAL 
-------------------------------------------- */
/*#draggable {
    transform:scale(1);
}*/
section.modal {
    transform:scale(1);
}
.modal-content {
    width: 100%; 
    /*margin: 40% 25%;*/
    padding: 15px;
}
a[data-toggle="modal"] {
  cursor:pointer;
  /*border:1px solid #fff;
  padding:2px 8px;*/
}

.modal-backdrop {

}
.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
}

/* IMAGES
-------------------------------------------- */
img {
height: auto; /* resets the image height so that it maintains its aspect ratio when width is set */
/*background: transparent url(../images/ajax-loader.gif) no-repeat center center;*/
width:100%;
}
img.breughel {
	min-height:200px;
	ackground: transparent url(../images/ajax-loader.gif) no-repeat center center;
}
main img {
  max-width: 100%;
  width: auto;
  height: auto;
}
img.left {
float: left;
max-width: 50%;
margin: 5px 20px 0px 0;
}
img.right {
float: right;
max-width: 50%; /* Responsive width */
margin: 5px 0 0px 20px;
}

img.leftAlone {
    margin-right: 100%;
    margin-bottom: 0;
    clear: both;
}
img.center {
float: none;
margin-left: auto;
margin-right: auto;
display: block;
margin-bottom: 0;
clear: both;
max-width: 100%;
  width: auto;
  height: auto;
}
.captionImage {
max-width: 100%;
}
div.svgcontainer img {
background:none;
}
/* SVG */
img[src$=".svg"] {
    background:none;
}

/* Content
-------------------------------------------------*/
.contentcontainer {
    min-height: 500px;
}

p.colactiv {
column-count: 2;
column-rule-style: solid;
column-rule-width: 2px;
column-rule-color: #000;
column-gap: 12px;
}

/* PopupPage *************************************/
div.widthcontent {
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
}
div.trigger {
    cursor:pointer;
}
.triggernormal {
    width:60px;
    height:60px;
}
.triggerhalbgross {
    width:45px!important;
    height:45px!important;
}
.triggerklein {
    width:30px!important;
    height:30px!important;
}
#popuptrigger img {
    opacity:0.4;
}
#popuptrigger img:hover {
    opacity:1;
}
#popuptrigger img.activepop {
	background-color: #fff;
	border-radius: 50%;
}

.consolescale {
	position: absolute;
	top: 14px;
	right: 75px;
}
.consolescale button {
	width: 23px;
	height: 23px;
	border-radius: 0px;
	border: 0;
}

.modal-dialog {
    width: 75%;
    margin: 85px auto 12px auto;
    max-width: 960px;
}
section.modal {
    width:100%;
    margin:auto;
    
}
section.modal h4 {
  padding: 0;
  color:#fff;
}
button.close {
    position: absolute;
    right: 12px;
    top: 12px;
}
div.modal-content {
    padding: 0px 10px 10px 10px;
}
.modal-header {
    min-height: 16.43px;
    padding: 15px 0;
    border-bottom: 0px solid transparent;
}
.modal-header h2 {
	word-wrap: break-word;
}
button.close {
  float: right;
  font-size: 18px;
  height: 15px;
  text-shadow: 0;
  opacity: 1;
  outline: none;
}
button.close span.pop-button{
    width: 15px;
    height: 15px;
    background-color: transparent;
    display: block;
    opacity: 1;
}
button.close span.pop-button img {
    width: 15px;
    height: 15px;
    background: none;
}

hr.modalnav {
    margin: 36px -23px -13px -23px;
    border-top: 1px solid #ccc;
}
.overlaytophome {
    padding: 0 !important;
}

/* Responsiv Video ********************************/
.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.responsive-video {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}
video {
	width:100%!important;
	height:auto;
}

/* DSGVO Cookie Container ******************************/
#cookie_container {
    position: fixed;
    bottom: 0 !important;
    top: auto !important;
    left: 0;
    right: 0;
    z-index: 999;
    padding: 10px;
    max-height: 156px !important;
    height:156px;
}
.cookie_inner {
    width: 100% !important;
    margin: 0;
    padding: 0 15px;
}
div.dsgvo {
    margin:0 15px;
    padding:0;
}
div.dsgvo h1 {
    margin:0;
    padding:0;
}
/* FOOTER
-------------------------------------------------*/
.footer {
    background-color:#9E7C41;
    width: 100%;
    color:#fff;
}
footer div.right a.social {
    display: inline-block;
    width: 30px;
    text-decoration:none;
    margin:8px 2px;
    padding-bottom:2px;
}
footer div.right a:hover {
    border-bottom:0px;
}
footer div.right a img {
    background:none;
}
footer .copy {
    padding-right: 12px;
}
footer p {
  margin: 3px 0 0 -32px;
}
.adress {
    padding-top: 6px;
}
a#setCookie {
    float: right;
    padding: 10px 20px 0 20px!important;
    text-decoration: none;
    background-color: #000;
    color: #FFF;
    height: 40px;
    border-radius: 20px;
    text-align: center;
}
a#setCookie:hover {
    background-color: #fff !important;
    color: #000000 !important;
}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    body {
        margin-bottom: 60px;
    }
    .container {
        width:auto;
    }
    div #popuptrigger img {
        width: 50px;
        height: 50px;
    }
    div.multipage article {
	    padding:15px;
	}
	article.multipagecontent {
		padding: 15px!important;
	}
    section.sharemaster {
        margin-left: 0px;
    }

}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    body {
        margin-bottom: 120px;
    }
    .container {
        width:100%!important;
    }
    section {
            padding:15px;
        }
    div #popuptrigger img {
        width: 40px;
        height: 40px;
    }

    #cookie_container {
        height: 200px;
    }
    
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

    .container {
        width:100%!important;
        margin: 0;
    }
    div #popuptrigger img {
        width: 30px;
        height: 30px;
    }


    div.container {
        background-color: transparent;
    }

    div.trigger {
        width:50px;
        height:50px;
        cursor:pointer;
    }
    img.leftAlone {
        margin-right: 100%;
        margin-bottom: 0;
        clear: both;
    }
    div.headertop a h1 {
	  padding: 0;
	  font-size: 0.8em !important;
	}
 
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {



    div.trigger {
        width:30px;
        height:30px;
        cursor:pointer;
    }
    .otherContent {
        margin: 0;
        -moz-hyphens: auto;
       -o-hyphens: auto;
       -webkit-hyphens: auto;
       -ms-hyphens: auto;
       hyphens: auto; 
    }
    h1 {
        margin: 24px 0 !important;
        -moz-hyphens: auto;
       -o-hyphens: auto;
       -webkit-hyphens: auto;
       -ms-hyphens: auto;
       hyphens: auto; 
    }
   
    div.desc {
        display:none;
    }
    div.pad {
        display:none;
    }
    div.smart {
        display:block;
    }
    #cookie_container {
        max-height: 220px !important;
        height: 220px;
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 360px) {

    div.headertop {
      position: fixed;
      top: 0;
      z-index: 99;
      width: 100%;
      height: 65px;
    }
    div.headertop a h1 {
      padding: 20px 0 0 0;
      font-size: 0.8em !important;
    }
 
    #cookie_container {
        max-height: 280px !important;
        height: 280px;
    }

}


@media print {
* { 
    color:#000;
    background-color:transparent;
}

nav, header, .chaptertop, footer div.right a.social, div.sharecontent {
    display:none;
}
.modal.in .modal-dialog {
    background-color: #fff;
}