/*-----------------------------------------------------------------
# LEGAL
------------------------------------------------------------------*/

/*--------------------------------------------------------------
# Cookie-Layer
--------------------------------------------------------------*/

.cookielayer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #000;

}


#cookielayer {
  position: fixed;
  bottom: 0;
    width: 100%;
  background: #000;

}



/*--------------------------------------------------------------
# Impressum
--------------------------------------------------------------*/

.impressum .sectionsubline {
  font-size: 14px;
  font-weight: 100;
  line-height: 28px;
  margin-bottom: 0;
  color: #ccc;
}

.impressum h2 {
  font-size: 20px;
  font-weight: 100;
  position: relative;
  margin-bottom: 30px;
  color: #ccc;
  z-index: 2;
}

.impressum h4 {
  font-weight: 200;
  font-size: 18px;
  color: #ccc;
  margin-bottom: 30px;
}


#impressumvisibility {
  display: none;
  margin: 0;
  margin-left: 20px;
  margin-right: 20px;
  padding:10px;
  border: 1px dotted #ccc;
  background: #333;
  color: #ccc;
}

/*--------------------------------------------------------------
# Datenschutz
--------------------------------------------------------------*/

.datenschutz h2 {
  font-size: 20px;
  font-weight: 100;
  position: relative;
  margin-bottom: 30px;
  color: #ccc;
  z-index: 2;
}

.datenschutz .sectionsubline {
  font-size: 18px;
  font-weight: 100;
  line-height: 28px;
  margin-bottom: 0;
  color: #ccc;
}

.datenschutz .datenschutz-box h2 {
  font-size: 18px;
  font-weight: 100;
  position: relative;
  margin-bottom: 30px;
  color: #ccc;
  text-align: left;
}

.datenschutz .datenschutz-box h3 {
  font-weight: 100;
  font-size: 14px;
  color: #ccc;
  margin-bottom: 30px;
  text-align: left;
}

.datenschutz .datenschutz-box h4 {
  font-weight: 200;
  font-size: 14px;
  color: #ccc;
  margin-bottom: 30px;
  text-align: left;
}

.datenschutz .datenschutz-box p {
  font-weight: 100;
  font-size: 14px;
  color: #ccc;
  margin-bottom: 30px;
  text-align: left;
}

.datenschutz .datenschutz-box ul {
  font-weight: 100;
  font-size: 14px;
  color: #ccc;
  margin-bottom: 30px;
  text-align: left;
}

#datenschutzvisibility {
  display: none;
  margin: 0;
  margin-left: 20px;
  margin-right: 20px;
  padding:10px;
  border: 1px dotted #666666;
  background: #333;
  color: #ccc;
  font-weight: 100;
  font-size: 20px;
}


/*--------------------------------------------------------------
# Haftungsausschluss
--------------------------------------------------------------*/

 .haftungsausschluss h2 {
  font-size: 20px;
  font-weight: 100;
  position: relative;
  margin-bottom: 30px;
  color: #ccc;
  z-index: 2;
}

 .haftungsausschluss h3 {
  font-size: 30px;
  font-weight: 100;
  position: relative;
  margin-bottom: 30px;
  color: #ccc;
  z-index: 2;
}

.haftungsausschluss .sectionsubline {
  font-size: 18px;
  font-weight: 100;
  line-height: 28px;
  margin-bottom: 0;
  color: #ccc;
}

.haftungsausschluss .haftungsausschluss-box h2 {
  font-size: 18px;
  font-weight: 100;
  position: relative;
  margin-bottom: 30px;
  color: #ccc;
  text-align: left;
}

.haftungsausschluss .haftungsausschluss-box h3 {
  font-weight: 100;
  font-size: 14px;
  color: #ccc;
  margin-bottom: 30px;
  text-align: left;
}

.haftungsausschluss .haftungsausschluss-box h4 {
  font-weight: 200;
  font-size: 14px;
  color: #ccc;
  margin-bottom: 30px;
  text-align: left;
}

.haftungsausschluss .haftungsausschluss-box p {
  font-weight: 100;
  font-size: 14px;
  color: #ccc;
  margin-bottom: 30px;
  text-align: left;
}

#haftungsausschlussvisibility {
  display: none;
  margin: 0;
  margin-left: 20px;
  margin-right: 20px;
  padding:10px;
  border: 1px dotted #ccc;
  background: #333;
  color: #333;
  font-weight: 100;
  font-size: 20px;
}

/*--------------------------------------------------------------
#COOKIE Einstellungen
--------------------------------------------------------------*/

 .cookieeinstellungen h2 {
  font-size: 20px;
  font-weight: 100;
  position: relative;
  margin-bottom: 30px;
  color: #ccc;
  z-index: 2;
}

 .cookieeinstellungen h3 {
  font-size: 30px;
  font-weight: 100;
  position: relative;
  margin-bottom: 30px;
  color: #ccc;
  z-index: 2;
}

.cookieeinstellungen .sectionsubline {
  font-size: 18px;
  font-weight: 100;
  line-height: 28px;
  margin-bottom: 0;
  color: #ccc;
}

.cookieeinstellungen .cookieeinstellungen-box h2 {
  font-size: 18px;
  font-weight: 100;
  position: relative;
  margin-bottom: 30px;
  color: #ccc;
  text-align: left;
}

.cookieeinstellungen .cookieeinstellungen-box h3 {
  font-weight: 100;
  font-size: 14px;
  color: #ccc;
  margin-bottom: 30px;
  text-align: left;
}

.cookieeinstellungen .cookieeinstellungen-box h4 {
  font-weight: 200;
  font-size: 14px;
  color: #ccc;
  margin-bottom: 30px;
  text-align: left;
}

.cookieeinstellungen .cookieeinstellungen-box p {
  font-weight: 100;
  font-size: 14px;
  color: #ccc;
  margin-bottom: 30px;
  text-align: left;
}

#cookieeinstellungenvisibility {
  display: none;
  margin: 0;
  margin-left: 20px;
  margin-right: 20px;
  padding:10px;
  border: 1px dotted #ccc;
  background: #333;
  color: #ccc;
  font-weight: 100;
  font-size: 20px;
}



/*--------------------------------------------------------------
# Cookielayer
--------------------------------------------------------------*/
#cookielayer {
         display: block;
         margin-left: 20px;
         margin-right: 20px;
         padding:10px;
         border: 1px dotted #ccc;
         background: #333;
           color: #ccc;
  font-size: 14px;
  font-weight: 100;
  text-align: center;
  margin: 0;

}

.cookiebutton {
  background-color: #333;
  padding: 10px 24px;
  color: #ccc;
  margin-top: 0.5em;

  border: 1px dotted #ccc;
  border-radius: 0px;
  width: 300px;
  line-height: 2em;
  color: #ccc;
  font-size: 1em;
  font-weight: bold;
  cursor:pointer;
}

.cookiebutton:hover {
    background-color: #333;
    border: 1px dotted #ccc;
    color: #ccc;
}




/*--------------------------------------------------------------
#CookieToggle
---------------------------------------------------------------*/
.cmn-toggle {
        position: absolute;
        margin-left: -9999px;
        visibility: hidden;
}

.cmn-toggle + label {
        display: block;
        position: relative;
        cursor: pointer;
        outline: none;
        user-select: none;
}

input.cmn-toggle-round + label {
        padding: 2px;
        width: 60px;
        height: 30px;
        background-color: #333;
        border-radius: 60px;
}

input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {
        display: block;
        position: absolute;
        top: 1px;
        left: 1px;
        bottom: 1px;
        content: "";
}

input.cmn-toggle-round + label:before {
        right: 1px;
        background-color: #333;
        border-radius: 30px;
        transition: background 0.4s;
}

input.cmn-toggle-round + label:after {
        width: 28px;
        background-color: #333;
        border-radius: 100%;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        transition: margin 0.4s;
}

input.cmn-toggle-round:checked + label:before {
        background-color: #333;
}

input.cmn-toggle-round:checked + label:after {
        margin-left: 30px;
}