/* Bildtest
#main #bildtest {position:fixed; top:0; left:0; width:calc(100vw - 10px); height:calc(100vh - 10px);border:5px solid red;z-index:200;background:white;display:flex; align-items:center; justify-content: center; } 


#main #bildtest .ce_image {width:90%; height:90%;border:4px dotted blue} 

#main #bildtest .image_container {box-sizing:border-box;border:3px solid green;padding:0;display:flex; align-items:center; justify-content: center; width:100%; height:100%;} 

#main #bildtest .image_container img {margin:0; min-width:100%; width:auto; height:auto; min-height:100%;border:10px solid yellow; object-fit:cover;} */

/* Style sheet herzberg-neu */
#footer {z-index:-1}

#zufallsbild {z-index:-1;display:block;border:1px solid green;position:fixed;left:0px;bottom:0px;padding-bottom:0px;min-width:100%;min-height:100%}
#footer #zufallsbild img {margin:0px;display: block;width: 100vw;height: 100vh;object-fit: cover;}

html{width:100%;height:100%;margin:0;padding:0;
  ; background-repeat:repeat-x; background-size: 100%; background-position:center bottom;background-attachment:fixed;background-color:white;font-family:'PT Sans', sans-serif;font-weight:400;font-size:20px;line-height: 1.3}

body {}

p {font-size:0.9rem; line-height: 150%;color:black;font-weight:400}
sub {color:#a12d2d; font-size: 100%;position: relative;vertical-align: baseline;}

#main a {background:white;font-weight:bold;color:#116596;padding: 0 4px 0px 4px;border-radius:3px;transition: background 0.3s;}
#main a:hover {background:#d56567;color:white;padding: 0 4px 0px 4px;border-radius:3px;transition: background 0.4s;}

#main .startlink a:hover {background:transparent}

#container {display:flex; justify-content: flex-start;border:0px solid black;max-width:1000px; min-width:1000px;box-sizing:border-box}

#left{order:1;width:370px;padding-left:25px;border-right:0px solid white;font-weight:bold;font-size:13pt;color:#bf1d40;line-height:26pt;margin-right: 0px;margin-left: 0px;padding-top:0px; margin-top:-30px;float:none;;z-index:2}

#left .inside{ margin-top:0px}

#main {order:2;float:none;display:inline-block;padding-left:45px;z-index:3}

#footer {z-index:0}

#main .inside { width:610px; padding:0 25px; padding-bottom:30px;min-height:700px;position:relative;display:inline-block;background:#ffffff url("/files/bfh-bilder/hilfsbilder/IMG_0545_fliesenwand_hauptkachel_750_2.jpg") center bottom no-repeat;border:0px solid #1b29a8;font-weight:400;color:#3535;border-radius:20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-webkit-box-shadow: 5px 5px 15px #451717;-moz-box-shadow: 5px 5px 15px #451717;box-shadow: 5px 5px 15px #451717;min-height: 700px; margin-bottom:30px;;box-sizing:border-box}

.left {width:48%;margin-bottom:15px;overflow:visible;border:0px solid;padding-right:0px;float:left;display:inline-block }
.right {display:inline-block;max-width:49%}

/* accordeons */

#main .left .ce_text, #main .right .ce_text {border:0px solid green;padding-right:0;padding-top:0rem; overflow:visible }
#main .right .ce_text {margin-left:-1rem; padding-right:1rem}

.toggler {cursor:pointer;margin-bottom:0px;margin-top: 1rem;padding: 0.5rem 0.2rem 1rem 0.2rem;border:1px solid transparent; transition: all 0.5s}

.toggler.active {width:208%;border:1px solid #a12d2d;border-radius:15px; box-shadow:0 0 0.5rem rgba(1,5,5,0.4); background:linear-gradient(25deg, /*rgba(161,45,45,0.02)*/#f0d5cd,  /*rgba(161,45,45,0.15)*/#ffe7df);z-index:10;overflow:visible; position:relative; transition: all 0.5s ; padding: 0.5rem 0.2rem 0.3rem 0.2rem  }
.right .toggler.active {width:208%;left: -108%; transition: all 0.5s}

.toggler.active,.toggler.hover,.toggler.visited {outline:none}

#main .toggler h2 {text-align:left; padding-bottom:0; margin:0 0 0 1rem; transition: all 0.5s; ;font-size:0.85rem;line-height: 1.1; text-decoration:none; text-transform: uppercase; letter-spacing: 0.07rem;text-indent:-1rem}

#main .toggler.active h2 {color:rgba(161,45,45,1); transition: all 0.5s }

#main .toggler h2::before {content: "a"; font-family:wondersigns;margin-right:0.2rem; text-transform:none;transition: all 0.5s;font-size:1.2rem;transition: all 0.5s    }

#main .toggler.active h2::before {content: "c";color:rgba(161,45,45,1); transition: all 0.5s  }

.toggler p {padding-left: 1.2rem; padding-right:0.8rem;margin-top:0.5rem}

/*
#main .accordion {overflow:visible;display:block; border:0px solid;margin-right:-20px; padding-left:0px}

#main .ce_accordion.block{padding-left:40px;overflow:visible;margin-right:0px; }

#main .ce_accordion .ce_text{padding-left:0px;padding-top:0px; padding-right:0px; padding-bottom:10px; margin-left:0px;margin-top:0px;margin-bottom:0px;overflow:visible;margin-right:0px}

#main .ce_accordion .ce_text p,.accordion p {padding-left:0px;padding-top:0px; padding-right:0px; padding-bottom:0px; margin-left:0px;margin-top:0px;margin-bottom:5px;font-weight:400;font-size:0.8rem; line-height:130%;color:#a12d2d;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;} */

#left img,#header,.zufall {display:none;}


.meisterhaft {position:absolute;z-index:10;top:0px;margin-left:20px}
#left .meisterhaft img  {display:block;width:230px}

/* menuepunkte */
ul{background-image:url("../bfh-bilder/hilfsbilder/IMG_0545_fliesenwand_menue_hell.jpg");border-radius: 15px;position:relative;margin-left:10px;margin-top:30px;;margin-right:20px;margin-bottom:30px;padding-right:15px;text-align:right;font-weight:bold;padding-top: 100px;-webkit-box-shadow: 5px 5px 15px #451717;-moz-box-shadow: 5px 5px 15px #451717;box-shadow: 5px 5px 15px #451717;width:330px; height:250px;box-sizing:border-box;overflow:hidden;background-color:white}

ul {text-transform:uppercase;font-weight:bold;list-style-type:none;}

.mod_navigation ul {padding-top:70px;}

#left li {display:inline-block;padding:2px 5px 1px 5px;border:1px solid transparent; border-radius: 2px;font-size:0.85rem;line-height:1.5; letter-spacing: 0.07rem; color:#a12d2d;;margin:0 0 2px 20%}

#left li a {Padding:0 4px 0 4px;font-size:0.85rem;line-height:1.5; letter-spacing: 0.08rem; color:#116596;transition: all 0.4s;}

#left li:hover a {display:inline-block; color:white;background:#d56567;border-radius:3px;transition: all 0.3s;} 

a {text-decoration:none;color:#000000;}

#wrapper{box-sizing:border-box;padding-top:30px;display:flex; justify-content:center /* padding-left:20px */}

/* #container{width:1100px;margin:auto;padding:0;} */
/* lightbox container */
.lightbox #container{max-width:600px;margin:auto;width:auto}
.lightbox #main{max-width:600px;margin:auto;width:500px}

/* für volle Darstellung unsichtbar */
#right {display:none; }


/* Diashow */

#main .mod_rocksolid_slider {display:none}
#left .mod_rocksolid_slider {padding-right:0px;positioN:relative; margin-top:10px;margin-bottom:0px;border:2px solid white; display:block;padding-top:0px;background:white; 
-webkit-box-shadow: 5px 5px 15px #451717;-moz-box-shadow: 5px 5px 15px #451717;box-shadow: 5px 5px 15px #451717;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;width:330px; height:330px;margin-left:10px}

#left .mod_rocksolid_slider img {-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;}

#left img.logo  {display:none}


#main .meisterhaft img  {display:none}


#disclaimer {margin-left: -15px;margin-right: -25px; margin-top: -10px;}
#disclaimer p{padding-top:0;padding-bottom:0;text-align: justify; font-weight:400;font-size:90%;color:#3535;line-height:110%;-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin-right:10px; margin-top:-0px}

/* News
.mod_newslist {border:1px solid #a12d2d; border-radius:20px;padding-top:25px; background:linear-gradient(25deg, rgba(161,45,45,0.02), rgba(161,45,45,0.15)); box-shadow:0 0 0.5rem rgba(1,5,5,0.4);margin:1.7rem 1.9rem 1rem 1.9rem} */

.mod_newslist {padding-top:25px; margin:1.7rem 0.5rem 1rem 0.5rem}

.mod_newslist .info {display:block;text-align:center;color:#a12d2d;font-weight:bold;margin-top:0rem;padding:5px}
.mod_newslist .info time {padding:5px;background:white;border-radius:5px; box-shadow:0 0 0.5rem rgba(1,5,5,0.2);}

#main .mod_newslist h1 {padding:1rem 0 1.3rem 1.3rem}

#main .mod_newslist h2 {font-size:1.5rem;color:#a12d2d;padding:0rem 1.5rem 0rem 1.5rem }

#main .mod_newslist .ce_text {padding:0.5rem 1.5rem 1.3rem 1.5rem }


#main .ce_text, #main .ce_form  {padding:15px 40px 0;margin-top:0px}

#main img{width:99%;height:auto; margin:30px 0;padding:0;margin-bottom:15px}

#main #f1{padding:10px 0 0;font-weight:400;font-size:11.5pt;color:#000000;line-height:12pt;}

#main h1,.h1 {margin-top:0;margin-bottom:0;padding:1rem 0 1.3rem 0;font-weight:bold;font-size:1.5rem;line-height:1.2;color:#a12d2d;letter-spacing: -0.02rem;}

#main h2 {margin-left:0px;margin-bottom:0.7rem;font-weight:bold;padding-left:0px;font-size:1.1rem; color:#116596;letter-spacing: 0.008rem;}

/* Aufzählung auf Startseite */
#main h3{margin-bottom:15px;margin-left:25px;font-weight:400;font-size:0.9rem; line-height:150%;list-style-type:square;display: list-item;color:black}


.hg_lila{background-image:url("/files/bfh-bilder/hintergruende/Fliesenband_lila.jpg");background-position:center bottom;}

#main p.back a{display:none;color:#d44646;}


#main #f1 {font-size: 12pt}

#f1 label{width:30%;height:30px;top:0;float:left;clear:both;display:inline-block;margin-top:0;margin-right:auto;margin-bottom:0;padding:5px 0 0;text-align:left;}
#f1 p.error{width:33%;height:30;top:0;float:left;display:inline-block;margin:-5px auto -10px -165px;padding:3px 4px 5px;text-align:left;background-color:#fafce6;border:0px dotted #a12d2d;font-size:11pt;color:#a12d2d;line-height:12pt;border-radius:7px;-moz-border-radius: 7px;-webkit-border-radius:7px;}

/* remove standard-styles */
input,submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
}

/* graceful degradation for ie8 */
input[type='checkbox'],
input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;
}

input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
  cursor: pointer;
}

input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 25px;
    height:25px;
    position: relative;left:0px;
    top:5px;
    border: 1px solid #a12d2d;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5x;
	background-color:#f3e9e9;
    margin-right: 0.7rem;margin-left:-0.3rem;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
  background:#f3e9e9;transition:background 1s;
}

input[type='checkbox']:hover + label::before,
input[type='radio']:hover + label::before {
  background:#95c11f;transition:background 1s;;
  box-shadow: inset 0 0 0 2px white;
}

input[type='checkbox']:checked + label::before,
input[type='radio']:checked + label::before {
   background:#95c11f; transition:background 1s;
  box-shadow: inset 0 0 0 2px white;
}

.widget {border:0px red dotted;display:block;box-sizing:border-box;padding-top:15px;padding-bottom:15px;clear:both;width:100%;min-width:100%}

.captcha_text{width:30;height:15px;top:0;float:left;display:inline;margin:8px auto 0 40px;padding:0;font-size:12pt;color:#000000;line-height:11pt;}

span.mandatory{left:0;top:0;display:inline-block;margin:0 0 0 3px;padding:0;font-weight:bold;color:#a12d2d;}

label,legend {width:34%;display:inline-block;height:100%;float:left;color:black;padding-top:5px;font-size:0.8rem;line-height:1.05 }

input.text{box-sizing:border-box;padding-left:5px;width:64%;height:30px;display:inline-block;background-color:#f3e9e9;background-position:center bottom;border:1px solid #a12d2d;font-size:10.5pt;color:#543333;line-height:12pt;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5x;-webkit-box-shadow: 0px 0px 0px #451717;-moz-box-shadow: 0px 0px 0px #451717;box-shadow: 0px 0px 0px #451717;clear:left;margin-left:5px}

textarea {width:64%;height:90px;padding-left:5px;display:inline-block;box-sizing:border-box;background-color:#f3e9e9;background-position:center bottom;border:1px solid #a12d2d;font-size:10.5pt;color:#543333;line-height:12pt;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5x;-webkit-box-shadow: 0px 0px 0px #451717;-moz-box-shadow: 0px 0px 0px #451717;box-shadow: 0px 0px 0px #451717;float:right;margin-right:3px}


fieldset {margin:0px;padding:0px; box-sizing:border-box;border:0px dotted green}

fieldset legend {display:block;float:left;width:33%}

#form fieldset span label {display:block;width:63.7%;float:right;margin-top:5px} 
#form span input.checkbox {height:20px;margin-left: 5px;border:1px solid black;}

#form span label {font-size:12pt;width:auto;padding-left:5px;padding-top:0px;display:inline-block;border:0px dotted green}

/*checkboxen */
#ctrl_4 span {width:65%; float:right;border:0px solid red;display:block;}
#ctrl_4 legend {border:0px solid red;display:block;}

.widget.widget-submit {margin-top:25px;border:0px blue dotted;width:100%;display:flex;justify-content: center;}

button {display:inline-block;margin-top:45px;font-size: 1.3rem;cursor:pointer;font-family:PT Sans, sans-serif;font-weight:400;  border: 1px solid #95c11f;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5x;
background-color:#d9e6b1;margin-left:5px;text-align:center}

button:hover {color:white;transition: color 0.2s}

.widget-captcha {width:64%;border:2px solid red}

#hinweis{width:100%; position:relative;overflow:auto;float:left;clear:left;display:inline-block;}

#Telefon {background:white; text-align:center;width: auto;max-width:328px;  left: 12px;position:relative; top:40px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 3px 3px 10px #451717;
-moz-box-shadow: 3px 3px 10px #451717;
box-shadow: 3px 3px 10px #451717;
}

/* ----alt-texte */
.rsts-skin-default .rsts-caption {font-weight:normal; border-radius:0px 0 5px 5px;text-align:center; font-size:0.65rem; letter-spacing: 0.01rem;bottom:0%; left:0;top:auto; width:100%;padding:5px;Background-color:rgba(250,0,0,0.3)!important;line-height:1.2}

.image_container.float_above {margin-bottom: 2rem}

#datenschutz {display:block;z-index:100;background:white; width: auto; left: 10px;position:fixed; bottom:13px;-moz-border-radius: 5px;;
-webkit-border-radius: 5px;border-radius: 5px;Border: 1px solid #116596;padding: 0 0 0.2rem 0}

#Telefon p,#datenschutz p {display:inline-block;padding:5px;padding-left:10px;padding-right:10px;margin-top: 0px; margin-bottom: 0px;font-weight:400}
/* ----Groessendarstellung */
/* Aufzaehlung auf Startseite */
.groesse {display:inline-block;width:80px; position:absolute;top:0px; right:0px;border: solid 1px green;border-top:0px;background:white; font-size: 8pt; padding:1px;text-align:center; color:grey}

.spam {position:relative;}
.spam:hover::after {position:fixed; content: 'Bitte kopieren Sie sich die Adresse in Ihr Mailprogramm, statt {at} verwenden Sie bitte @';display:block; width:200px;height: auto;color: #a12d2d;font-size:85%;line-height:1;font-weight:normal;background:#f3e9e9;padding:4px 6px 4px 6px; top:80%;left:calc(50% - 100px);border-radius:5px; border:1px solid #a12d2d;Box-shadow:0px 0px 40px 40px white}

._1024 {display:none;} ._900 {display:none;}
 ._768{display:none;} ._640{display:none;} ._480{display:none;} ._320 
{display:none;}

/* mobil*/


@media screen and (max-width: 721px)

{

/*   #f3e9e9 helles rot 
    #a12d2d dunkles rot
	  ##646363 fgrau 70% 
	  #d9e6b1 helles grün
	  #95c11f dunkles grün*/

    #left {display:none}

body {font-size:20px; line-height:1.4;letter-spacing:0.02rem}

#main .startlink, #zufallsbild {display:none} 

#main {padding: 0 0 5vw 0;width:100%;max-width:100vw;text-align:center}

#main .inside {width:100%; box-shadow:none;background-image:none;text-align:center;padding:0 3vw 0 3vw}

#container {min-width:1px; max-width:100vw;display:block}

#wrapper{padding: 15vh 0 0 0;min-height:100vh;display:block}

img {display:block}

#header 
{position:fixed;box-sizing:border-box;width:100%;background: #f3e9e9; ; box-shadow:0 0 1rem rgba(1,5,5,0.4);top:0px;font-family:PT Sans;font-weight:400;transition:all 0.7s; z-index:9;display:block; border-bottom:0px solid red}

.startlink {height:12vh; max-height:12vh; width:70%;border:0px solid green;display:flex;flex-direction:column;align-items:center; align-content:center;padding: 1% 1% 0.5% 1%}
.startlink a {height:100%; width:100%;border:0px solid yellow;display:flex;align-items:center; align-content:center;}

#main .mod_rocksolid_slider {display:block}

/*#header.shrink
{width:3.5rem;height:3.5rem;background: #f3e9e9 url("/files/bfh-bilder/hilfsbilder/Fliesenherzberg-bau-Kiel.png");border-top-left-radius:0px;border-bottom-left-radius:0px;background-position:0.1rem 0.35rem ;background-size:auto 3.25rem ;background-repeat:no-repeat;z-index:99;transition:all 0.7s;border-bottom:0; box-shadow:0 0 0.5rem rgba(1,5,5,0.2); border-bottom-right-radius:5px;background-color:white}

.shrink .startlink {background: none; z-index:10;height:3.5rem;width:3.5rem}*/

/*#header.supershrink
{width:2.0rem;height:2.0rem;background: #f3e9e9 url("/files/fliesenherzberg/hilfsbilder/Fliesenherzberg-bau-Kiel.png");background-position:0.15rem 0.3rem ;background-size:auto 1.6rem ;background-repeat:no-repeat;transition:all 0.7s}

/*mobile menue */ 

.mobile_menu_trigger, .mobile_menu_trigger.active {height:8vh;aspect-ratio:1 / 1;z-index:101;position:fixed; top:2vh;right:2vh;display:flex; align-items:center;justify-content:center;background:white;border-radius:4px;box-shadow:0 0 0.5rem rgba(1,5,5,0.2);}

#trigger {font-family:wondersigns; font-size:14vh;margin-top:-4vh;text-align:center;color: rgba(0,0,0,0.6); transition: all 0.5s;position:relative}

.mod_mobile_menu {border:1px solid white}

.mod_navigation {z-index:1000;position:relative}
	  
/*#trigger, #trigger.active {font-family:wondersigns; font-size:12vh;margin-bottom:42%;line-height:1;text-align:center;color: rgba(0,0,0,0.6); transition: all 0.5s}*/

.mobile_menu_trigger.active::after {content:"";display:block; margin-top:0;height:8vh;aspect-ratio:1 / 1;position:absolute;color:#a12d2d;background:white;z-index:102;}

.mobile_menu_trigger.active #trigger::after{content:"q";display:block; font-family:wondersigns;font-size:14vh;margin-top:-19vh;margin-left:-1vh;height:8vh;aspect-ratio:1 / 1;position:absolute;color:#a12d2d;z-index:105;}


.mobile_menu {background:transparent;top:0;z-index:101;width:auto;box-sizing:border-box;margin-left:0px;text-align:center}

.mobile_menu li strong.active  {font-weight:700; color:#a12d2d;position:relative}
.mobile_menu li strong.active::after  {color:#a12d2d;text-transform:none;font-family:wondersigns;content:"f";position:absolute;display:inline-block;height:2rem;width:2rem;border:0px solid black;font-size: 140%;line-height: 1.3;margin-top: -0.2rem; margin-left: -0.2rem}
	 
.mobile_menu ul {background:none;box-shadow:none;width:auto;height:auto;text-align:center; letter-spacing: 0.08rem;margin:0; padding:2vh 3vh;line-height:2}

.mobile_menu ul a {color:rgba(0,0,0,0.6);letter-spacing:0.1rem}
.mobile_menu ul a:hover {color:rgba(0,0,0,1);letter-spacing:0.1rem}

.mobile_menu.position_top {box-shadow:none;width:50%!important;text-align:center;Margin:0 25% 0 25%;top:16vh!important}

.mobile_menu.active.position_top {top:18vh!important;box-shadow:none;width:50%!important;text-align:center;Margin:0 25% 0 25%}

.mobile_menu .inner {background:#f0f6fd;border-radius:5px;border:1px solid #a12d2d;width: auto;height:auto;display:inline-block; box-shadow:0 0 0.8rem rgba(1,5,5,0.3);}

.mobile_menu_overlay {
    width: auto;
    height: auto;z-index:0!important}

/* ----alt-texte */


.rsts-skin-default .rsts-caption {font-weight:normal; border-radius:5px;text-align:center; font-size:1rem; letter-spacing: 0.01rem;left:5%; bottom:5%; top:auto; width:90%;padding:0}

#Telefon {max-width:90% ;top:10px;left:0;display:inline-block;margin-bottom:3vh}

#main .ce_text {padding:0;margin: 0 0 0 0!important} 

#main .right .ce_text {padding-right:0}

.left, .right {display:block;width: 100%;float:none;margin-bottom:0;border:0px solid green;max-width:100%;}

.left {margin-top:5vw}
.right {margin-bottom:5vw}

.toggler {padding: 10vw 16vw 10vw 10vw}

#datenschutz {display:flex;justify-content:center; gap: 5px;padding:0;z-index:100;width:100%;left:0;position:fixed; bottom:5px;border:none;Background:transparent}

#datenschutz p {padding:4px;padding-left:4px;padding-right:4px;margin-top: 0px; margin-bottom: 0px;font-weight:normal;font-size:0.8rem;background: #116596;width:auto;-moz-border-radius: 5px;
-webkit-border-radius: 5px;border-radius: 5px;}
#datenschutz p a {text-decoration:none;color:white; background:transparent}

.spam:hover::after {position:fixed;top:40vh; left:25%;width:50%;font-size:1rem; line-height:1.2;padding:10px 10px 10px 10px;margin:0}

/*
@media screen and (max-height: 300px) {
.mobile_menu .inner {max-height:calc(100vh - 65px);}

.mobile_menu li  {font-size:1.35rem; padding:0.7rem 1rem 0.2rem 1rem}
}

.mobile_menu ul  {padding:0.6rem 1rem 0.6rem 0.6rem; overflow-y: scroll;overflow-x: hidden;}

.mobile_menu li  {font-size:1.20rem;;line-height:2;text-align:center;text-transform:uppercase;font-weight:700;color:#116596;list-style-type:none;letter-spacing: 0.18rem;font-family:PT sans; display:block; padding:0.6rem 1rem 0.1rem 1rem}

.mobile_menu a {text-decoration:none}

.mobile_menu_overlay.background {background:rgba(255,255,255,0.7);   filter: blur(4px);
  -webkit-filter: blur(4px);}


sub {color:#a12d2d; font-size: 100%;position: relative;vertical-align: baseline;}

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box}

.groesse {display:none; border:1px solid black;position:absolute;top:120px;left:0px;background-color:white;padding:1px;width:100px; height:30px}

._1024 {display:line-block; color:green;background-color:white;}
._900 {display:none;}
._768{display:none;}
._640{display:none;} 
._480{display:none;} 
._320{display:none;}
*/


a {color:inherit}

h1 {margin-top:10px;padding-bottom:0px;font-size:1.7rem;line-height:1.15; color:#a12d2d;font-weight:700;text-align:center;padding:0.5rem 0rem 0.8rem 0rem}

/* Aufzählung auf Startseite */

h2 {margin-top:0; padding-bottom:1rem}

#main h2 {margin-left:0px;margin-bottom:5px;font-weight:bold;padding-left:0px;font-size:1.3rem; color:#116596;text-align:center; text-decoration:none;text-transform:uppercase;letter-spacing:0.2rem ;display:inline-block}

h3{margin:0 0 0 25px;font-weight:normal;font-size:1.3rem; line-height:150%;list-style-type:square;display: list-item;color:black;padding-bottom:20px}

p {font-size:1.4rem; color:black;font-weight:400;margin-bottom:0}

.ce_text {padding:0.5rem}
.mod_newslist .ce_text {padding:0.0rem}

/* newslist */
#start-nachrichten h1 {display:none}

#start-nachrichten h2 {display:inline-block;width:100%;font-size:1.7rem;color:#a12d2d;font-weight:700;padding-top:1rem;text-align:center; text-transform:none;letter-spacing:inherit }

.mod_newslist {border:1px solid #a12d2d; margin-bottom:3rem;border-radius:20px;padding:1.4rem 1.0rem 2.0rem 1.2rem;text-align:left; background:linear-gradient(25deg, rgba(161,45,45,0.02), rgba(161,45,45,0.15)); box-shadow:0 0 0.5rem rgba(1,5,5,0.4);margin:0.5rem}

.mod_newslist .info {position:relative;display:flex;justify-content:center;color:black;
color:#a12d2d;padding-top: 0.3rem}

.mod_newslist .info time {width:auto;background:white; border-radius:5px;padding:1px 7px 1px 7px;box-shadow:0 0 0.3rem rgba(161,45,45,0.3)}



/* accordeons */

.toggler {margin:0 0 0 0vw; padding: 0.5rem 1rem 1rem 1.5rem;border:1px solid white; font-size:1.2rem}

.toggler.active {border:1px solid #a12d2d;border-radius:15px; box-shadow:0 0 0.5rem rgba(1,5,5,0.4); background:linear-gradient(25deg, rgba(161,45,45,0.02), rgba(161,45,45,0.15));margin:1rem 0.3rem 0rem 0.3rem;width:auto}


.right .toggler.active {width:auto;
    left:0}

.toggler.active,.toggler.hover,.toggler.visited {outline:none}

#main .toggler h2 {text-align:left; padding-bottom:0; transition: all 0.5s; font-size:1.2rem }

#main .toggler.active h2 {color:rgba(161,45,45,1); transition: all 0.5s;font-size:1.2rem;text-align:center }

#main .toggler h2::before {content: "a"; font-family:wondersigns;font-size: 1.7rem;margin-right:0.3rem; text-transform:none;transition: all 0.5s  }

#main .toggler.active h2::before {content: "c";font-family:wondersigns;font-size: 1.7rem;margin-right:0.3rem; text-transform:none; color:rgba(161,45,45,1); transition: all 0.5s  }

.toggler p {padding-left: 1.5vw; padding-right:1vw;text-align:left;padding-bottom:2.5vw;max-width:100%;font-size:1rem}

/* Diashow */
.mod_rocksolid_slider { 
-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;height:100vh;box-shadow:0 0 0.5rem rgba(161,45,45,0.3);margin:2.5rem 0.5rem 2.5rem 0.5rem}



.zufall  {padding-right:0px;positioN:relative; margin-top:-30px;margin-bottom:0px;margin-left:10px;border:0px solid; display:inline-block;float:right; width:24%; height:auto; padding-top:0px;background:white; 
-webkit-box-shadow: 5px 5px 15px #451717;-moz-box-shadow: 5px 5px 15px #451717;box-shadow: 5px 5px 15px #451717;
-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px; border:solid 2px white}

#main .zufall img  {margin-top:0px; margin-bottom:0px; display:block;width:100%; height:auto;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px}


#disclaimer {margin-left: 0px;margin-right: 0px; margin-top: 0px}
#disclaimer h1{margin-left:10px}
#disclaimer p{font-size:1.1rem;line-height:150%;margin-right:10px;margin-left:10px;  margin-top:10px}

#hinweis {margin-bottom:1rem}
}

@media screen and (max-width: 900px) {
._1024 {display:none;}
._900 {display:line-block; color:green}
._768{display:none;}
._640{display:none;} 
._480{display:none;} 
._320{display:none;}

}

@media screen and (max-width: 768px) {
._1024 {display:none;}
._900 {display:none;}
._768{display:line-block; color:green}
._640{display:none;} 
._480{display:none;} 
._320{display:none;}
}

@media screen and (max-width: 640px) {
._1024 {display:none;}
._900 {display:none;}
._768{display:none;}
._640{display:line-block; color:green} 
._480{display:none;} 
._320{display:none;}
.mod_rocksolid_slider { 
height:50vh}
}

@media screen and (max-width: 480px) {
._1024 {display:none;}
._900 {display:none;}
._768{display:none;}
._640{display:none;} 
._480{display:in  line-block; color:green}
._320{display:none;}


/*#header.supershrink
	{width: 1.3rem;
    height: 1.3rem;
    background-position: 0.1rem 0.3rem;
    background-size: auto 1.1rem;
    background-repeat: no-repeat;
    transition: all 0.7s;border-bottom:0;
	box-shadow:0 0 0.4rem rgba(1,5,5,0.5)}*/

.mobile_menu.active.position_top {top:5rem!important;box-shadow:none;width:100%!important;text-align:center;Margin:0 0% 0 0%}

.active #trigger::before {height:3.3rem;width:3.3rem;}
	  
/*#trigger {font-size:5rem; top:0.75rem;right:0.7rem;height:3.5rem;width:3.5rem;box-shadow:0 0 0.5rem rgba(1,5,5,0.2);z-index:11}

.shrink #trigger {font-family:wondersigns; font-size:5rem;Border:0px solid black;top:0;right:0;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;transition:all 0.7s}

.shrink .active #trigger {top:0;right:0;transition:all 0.7s}

.active #trigger {top:0.75rem;right:0.7rem;height:3.5rem;width:3.5rem;color:red}

.active #trigger::before {content:"q";position:absolute; color:#a12d2d;left:0;bottom:0%;display:block; transition:all 0.7s;background:white;height:3.5rem;width:3.5rem;text-align:center;line-height:0.45; transition:all 0.7s;z-index:101}*/

#trigger div {margin-top:-1.4rem}

.mobile_menu li  {}


html{font-size:17px}
p{font-size:1.1rem}

.mod_newslist .layout_full {margin-right:-0.5rem}

#main .layout_full h2 {padding-right:0.5rem}

.mod_newslist .ce_text p {hyphens: auto}

.mod_newslist {border:2px solid #a12d2d; margin-bottom:25px;border-radius:15px;padding-top:20px;padding:1rem;text-align:left;background:linear-gradient(70deg, rgba(161,45,45,0.05), rgba(161,45,45,0.1)) }


.widget {display:block}

fieldset.checkbox_container {display:flex; align-items:center;justify-content:flex-start;flex-wrap:wrap;border:0px solid black}

 fieldset legend {float:none}
 
#ctrl_7 input[type='checkbox']:not(:checked) + label::before,
#ctrl_11 input[type='checkbox']:not(:checked) + label::before {margin-left:-0.3rem}
 
 
#form #ctrl_7 span input.checkbox {display:none}


#form #ctrl_7 span  {display:flex; align-items:center;justify-content:flex-start;;border:0px solid green;width:100%} 


#ctrl_7 .checkbox {display:block;border:0px solid green; order:1;float:none;width:100%} 

#form fieldset.checkbox_container span label   {border: 0px solid green; order:2;float:none;width:100%}

textarea#ctrl_8  {width:100%} 

#form fieldset span label#lbl_11_0 {width:100%;float:right}

.ce_form {display:block;text-align:center;width:100%;border:0px dotted green;padding-right:15px}
.widget {text-align:left}
label {width:auto}

#ctrl_4 span label {display: inline-block;text-align:left;width:100%;float:none;margin-left:-15px}
#ctrl_4 legend {width:100%;font-weight:bold}
#ctrl_4 span {width:100%;display:inline-block;}
textarea {margin-right:0px;margin-top:15px}
button {margin-top:1px}

/* ---Texte vor eingabefeldern */

#f1 label{width:100%;}


/* --Bitte vollständig ausfüllen */
#f1 p.error{width:100%;height:auto;margin:-0px 0 -0px -0px;margin-bottom: 5px;margin-top: -5px;padding-left:8px;padding-right:8px;padding-top:5px;padding-bottom:6px;}

/* ----Spamfrage */

/* ----Spam Antwortfeldn */

/* ----Sternchen */
span.mandatory{}

/* ----texteingabefelder */
input.text{width:100%;}

/* ----buttonsbereich */
#ctrl_4,#ctrl_7{width:100%;}


/* ----texteingabe */
#ctrl_7{;min-width:100%; max-width:100%; min-height:30px;}

/* ---text zu buttons */

/* ---buttons */

/* ----absenden-innen */
.captcha_text{width:70%;clear:left; margin-left:0px;color:#a12d2d}
#hinweis{width:100%;text-align:left;}
#hinweis p {font-size:1.2rem;margin-top:0px;display:inline}
.ergaenzen {display:inline-block; margin-bottom:0px;}

/* fromular
.widget {border: 0px red dotted;display:block;box-sizing:border-box;padding-top:5px;padding-bottom:15px;clear:left;font-size:1.3rem; line-height: 150%;color:black;display:flex; align-items:center;}

.captcha_text{width:30;height:15px;top:0;float:left;display:inline;margin:8px auto 0 40px;padding:0;font-size:12pt;color:#000000;line-height:11pt;}

span.mandatory{left:0;top:0;display:inline-block;margin:0 0 0 3px;padding:0;font-weight:bold;color:#a12d2d;}

label,legend {order:1;width:37%;display:inline-block;height:100%;float:left;color:black;padding-top:3px;border:0px solid green;text-align:left}

input.text{order:2;width:63%;height:40px;display:inline-block;background-color:#f3e9e9;background-position:center bottom;border:1px solid #a12d2d;font-size:10.5pt;color:#543333;line-height:12pt;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5x;-webkit-box-shadow: 0px 0px 0px #451717;-moz-box-shadow: 0px 0px 0px #451717;box-shadow: 0px 0px 0px #451717;clear:left;margin-right:15px}

textarea {order:2;width:61%;height:90px;display:inline-block;box-sizing:border-box;background-color:#f3e9e9;background-position:center bottom;border:1px solid #a12d2d;font-size:10.5pt;color:#543333;line-height:12pt;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5x;-webkit-box-shadow: 0px 0px 0px #451717;-moz-box-shadow: 0px 0px 0px #451717;box-shadow: 0px 0px 0px #451717;float:right;margin-right:20px}


fieldset {margin:0px;padding:0px; box-sizing:border-box;border:0px dotted green}

fieldset legend {display:block;width:100%; margin-bottom:0.5rem} 

#form fieldset span label {display:block;width:66.5%;float:right;margin-top:5px;} 

#form fieldset span label#lbl_11_0  {display:block;width:66%;margin-top:5px;}


#form span input.checkbox {height:20px;margin-left: 5px;border:1px solid black;}

#form span label {width:auto;padding-left:5px;padding-top:0px;display:inline-block;border:0px dotted green}

/*----
#form span input.checkbox{float:left;height:30px;width:30px;margin-left: 0px;display:block;border:1px solid green;outline:none;background-color:#f3e9e9}
#form span label {width:auto;padding-left:5px;padding-top:0px;display:inline-block;border:0px dotted green}

/*checkboxen 
#ctrl_4 span {width:65%; float:right;border:0px solid red;display:block;padding-bottom:10px}
#ctrl_4 legend {width: 33%;border:0px solid red;display:block;padding-bottom:300px; margin-bottom:-300px} */


/* remove standard-styles 
input,submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
} 

/* graceful degradation for ie8 
input[type='checkbox'],
input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;
}

input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
  cursor: pointer;
}

input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 30px;
    height:30px;
    position: relative;
    top:5px;
    border: 1px solid #a12d2d;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5x;
	background-color:#f3e9e9;
    margin-right: 0.7rem;margin-left:1rem;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {
  background:#95c11f;
  box-shadow: inset 0 0 0 2px white;
}

input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {
  background:#95c11f ;
  box-shadow: inset 0 0 0 2px white;
}
#form {display:block;text-align:center;width:100%;border:0px dotted green}


.widget.widget-submit {margin-top:25px;border:0px blue dotted;width:100%;display:flex;justify-content: center;}

button {display:inline-block;margin-top:45px;font-size: 1.3rem;cursor:pointer;font-family:PT Sans, sans-serif;font-weight:normal;  border: 1px solid #95c11f;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5x;padding:0.3rem 0.7rem 0.6rem 0.7rem;
background-color:#d9e6b1;margin-left:0%;text-align:center}*/

}