@charset "UTF-8";

.clear{ clear:both; border:0; opacity:0; height:0; font-size:0; visibility: hidden; }



/* =====================  kalibrierung  ===================== */

#head{position: fixed; top: 0; height: 80px; width: 100%; background: white; left: 0; padding: 10px 80px; z-index: 999;
-webkit-box-shadow: 0 3px 3px 2px rgba(0,0,0,0.3);
box-shadow: 0 3px 3px 2px rgba(0,0,0,0.3);}

#head a img{height: 100%; width: auto;}

#wrapper{margin: 180px 80px;}


#navi ul{list-style: none; margin: 0; padding: 0;}
#navi ul li{display: inline-block; margin: 15px;}
#navi ul li a{width: 240px; height: 320px; background: white; color: black; display: inline-table; padding: 10px; text-align: center; font-weight: bold; font-size: 20px; font-style: italic; line-height: 28px; text-decoration: none; -webkit-box-shadow: 2px 2px 5px 3px rgba(0,140,202,0.5);
box-shadow: 2px 2px 5px 3px rgba(0,140,202,0.5); border: 3px solid white; box-sizing: border-box; -webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;}
#navi ul li a:hover{border: 3px solid rgb(0,140,202); color: rgb(0,140,202);}
#navi ul li a span{displaY: table-cell; vertical-align: middle;}

body{background: rgb(65 75 80);}

p{line-height: 28px;}

a{}

a:hover{}

h1{    font-family: 'Trebuchet MS', Helvetica, sans-serif; color: #008bcb; font-size: 3em; font-weight: normal; letter-spacing: 2px;}

h2{        font-family: Georgia, serif; margin-top: 0px; font-weight: normal; font-style: italic; letter-spacing: 1px;}

h3{    font-family: 'Trebuchet MS', Helvetica, sans-serif; font-weight: normal; letter-spacing: 1px; text-transform: uppercase;}



#content{margin: 0 auto;}



#curve{position: fixed; bottom: 0; right: 0; width: 100%; height: auto; z-index: -999; opacity: 0.15;}



#artwrap #artcont .textwrap a{display: inline-block; padding: 0px 5px; background: #008bcb; color: white; text-decoration: none;}

#artwrap #artcont .head{height: 600px; position: relative;}

#artwrap #artcont h1{position: absolute; left: 0; bottom: 100%; max-width: 60%; text-transform: uppercase; display: inline-block; background: white; padding: 10px 20px; color: white; color: #008bcb; margin: 0; font-size: 3.0em;}

#artwrap #artcont h2{color: white; background: #008bcb; padding: 10px 20px; display: inline-block; font-size: 1.6em;}

#artwrap #artcont h3{margin: 40px 0 10px 0; font-size: 22px;}

#artwrap #artcont .por{    height: 12em;    width: 12em;    right: 0em;    bottom: 0;    display: block;    position: absolute;    margin-top: -9em;    border-radius: 100%;    border: 8px solid #008bcb;}

#artwrap #artcont .textwrap{max-width: 800px; margin: 0 auto; padding: 0 40px 40px 40px; line-height: 28px;}

#artwrap #artcont .lead{font-size: 18px; font-weight: 600;     font-size: 18px;    font-weight: 600;    line-height: 32px;    color: #008bcb;    font-style: oblique; margin-bottom: 40px;}

#artwrap #artcont .tit{position: relative; max-width: 800px; margin: 0 auto; margin-bottom: 2em;}

#artwrap #artcont .zimg{margin: 0px 0 40px 0;}

#artwrap #artcont .zitat{background: rgb(0 139 203 / 0.1); font-size: 1.6em; color: #008bcb; line-height: 2.0em; max-width: 800px; margin: 0 auto; padding: 40px; text-align: center; box-sizing: border-box; font-family: Georgia, serif; margin-top: 0px; font-weight: normal; font-style: italic; letter-spacing: 1px;}

#artwrap #artcont .zitat::before{content:'«'; font-size: 2.4em; opacity: 0.4; color: black; margin-bottom: -0.7em; display: inline-block; line-height: 0;}

#artwrap #artcont .zitat::after{content:'»'; font-size: 2.4em; opacity: 0.4; color: black; margin-bottom: -0.7em; display: inline-block; line-height: 0;}



#artwrap #artcont .responsive-video {max-width: 800px;     margin: 0 auto;     padding: 0 40px 40px 40px;   }

#artwrap #artcont .responsive-video .vwrap, .vwrap{padding-bottom: 56.25%;  height: 0; position: relative;}

#artwrap #artcont .responsive-video iframe, .vwrap video{width: 100%; height: 100%; left: 0; top: 0; position: absolute;}



.conwr{background: rgba(255,255,255,0.7);}

.gallery{    max-width: 800px;     margin: 0 auto;    padding: 40px; }

.gallery a{display: inline-block; width: 25%;}

.gallery .imwrap{padding: 3px;}

.gallery .imwrap .imgin{overflow: hidden;}

.gallery .imwrap img{width: 100%; height: auto; opacity: 0.85;

    -webkit-transition: all 0.25s ease-in-out;

    -moz-transition: all 0.25s ease-in-out;

    -ms-transition: all 0.25s ease-in-out;

    -o-transition: all 0.25s ease-in-out;

    transition: all 0.25s ease-in-out;}

.gallery .imwrap:hover img{

      opacity: 1.0;

    -moz-transform: scale(1.2) rotate(-3deg);

    -webkit-transform: scale(1.2) rotate(-3deg);

    -o-transform: scale(1.2) rotate(-3deg);

    -ms-transform: scale(1.2) rotate(-3deg);

    transform: scale(1.2) rotate(-3deg);

}

.bildwrap{    max-width: 800px;     margin: 0 auto;    padding: 40px;}

.bildwrap img{width: 100%; height: auto;}



ul.downloads{list-style: none; padding: 0; margin: 0 auto; max-width: 800px;}

ul.downloads li a{display: block; padding: 20px; background: white; border: 3px solid #008bcb; border-radius: 10px; color: #008bcb; text-decoration: none;

  -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}

ul.downloads li a:hover{background: #008bcb; color: white;}

ul.downloads li a:hover p, ul.downloads li a:hover .file span{color: white;}

ul.downloads li a h4{margin: 0; font-size: 18px;}

ul.downloads li a p{margin: 5px 0; font-size: 14px; color: black;}

ul.downloads li a .file span{margin-right: 15px; color: black;}



#footer{max-width: 800px; margin: 40px auto; text-align: center; padding: 0 20px; margin-bottom: 40px;}

#footer p{margin: 0; font-size: 14px; color: rgb(50,50,50);}

#footer p a{color: rgb(50,50,50); text-decoration: none;}

#footer p span{color: #008bcb; margin: 0 5px;}


 h3{font-size: 44px; font-weight: bold;}
  .tx-powermail{background: rgba(255,255,255,1); padding: 80px;}
  .tx-powermail h3{text-align: center;}
  .tx-powermail fieldset{border: none; padding: 0;}
  
  .tx-powermail fieldset legend{font-size: 28px; margin-bottom: 20px; font-weight: bold; color: rgb(65 75 80); font-style: italic;}
  .tx-powermail fieldset{column-count: 1; column-gap: 20px;  margin-bottom: 50px; page-break-inside: avoid;}
  .tx-powermail fieldset.powermail_fieldset_13, .powermail_fieldset.powermail_fieldset_15, .powermail_fieldset.powermail_fieldset_21, .powermail_fieldset.powermail_fieldset_16, .powermail_fieldset.powermail_fieldset_20 {column-count: 1;}
  .powermail_fieldset.powermail_fieldset_14 {display: none;}
  
  .powermail_fieldwrap label{displaY: none;}
  .tx-powermail fieldset .powermail_fieldwrap{break-inside: avoid-column;}
 .tx-powermail fieldset .powermail_fieldwrap_type_date label, .tx-powermail fieldset .powermail_fieldwrap_type_radio label, .tx-powermail fieldset .powermail_fieldwrap_type_select  label, .tx-powermail fieldset .powermail_fieldwrap_type_country  label{display: block;    background: rgb(65 75 80);    color: white;    border: 1px solid black;    margin-bottom: -10px; margin-top: 5px;   padding: 10px 20px; cursor: pointer;}
  
  
.tx-powermail fieldset .powermail_fieldwrap_type_radio{margin-bottom: 20px;} 
.tx-powermail fieldset .powermail_fieldwrap_type_radio .radio label{background:white; color: black;} 
  
  .tx-powermail .powermail_fieldwrap_type_radio .radio{ width: 50%; display: inline-block;}
  .tx-powermail .powermail_fieldwrap_type_radio .radio label{display: block; padding: 10px 20px; text-align: center; border: 1px solid black;}
  .tx-powermail .powermail_fieldwrap_type_radio .radio label img{width: 100%; height: auto;}
  .tx-powermail .powermail_fieldwrap_type_radio .radio.act label{background: rgb(65 75 80); color: white;}
  .tx-powermail .powermail_fieldwrap_type_radio .radio label input{display: none;}
  
  .tx-powermail .powermail_fieldset_12 .powermail_fieldwrap_type_radio, .tx-powermail .powermail_fieldset_19 .powermail_fieldwrap_type_radio{margin-bottom: 20px;}
  
  .powermail_fieldset_19 .powermail_fieldwrap_type_textarea {display: none;}
  
  .tx-powermail .powermail_fieldwrap_type_radio.powermail_fieldwrap_abteilung{margin-left: -10px; margin-right: -10px;}
  .tx-powermail .powermail_fieldwrap_type_radio.powermail_fieldwrap_abteilung label{display: none;}
  .tx-powermail .powermail_fieldwrap_type_radio.powermail_fieldwrap_abteilung   .radio{display: inline-block; width: 33.333%;}
  .tx-powermail .powermail_fieldwrap_type_radio.powermail_fieldwrap_abteilung   .radio label{display: block; color: transparent; height: auto; background:transparent!important; margin: 5px; cursor: pointer; filter: grayscale(1); box-sizing: border-box; border: 2px solid white;
  -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
  .tx-powermail .powermail_fieldwrap_type_radio.powermail_fieldwrap_abteilung   .radio:hover label{filter: grayscale(0);  border: 2px solid #008cca;}
  .tx-powermail .powermail_fieldwrap_type_radio.powermail_fieldwrap_abteilung   .radio.act label{filter: grayscale(0); border: 2px solid #008cca;}

  .tx-powermail .powermail_fieldwrap_type_radio.powermail_fieldwrap_abteilung   .radio label input{displaY: none;}

  .tx-powermail .powermail_fieldwrap input, .tx-powermail .powermail_fieldwrap select, .tx-powermail .powermail_fieldwrap textarea{width: 100%; padding: 10px 20px; box-sizing: border-box; margin-bottom: 10px;}
  
  .powermail_fieldwrap.powermail_fieldwrap_type_file{background: white; padding: 10px; border: 1px solid black; margin-bottom: 10px;}
  .powermail_fieldwrap.powermail_fieldwrap_type_file .powermail_field{displaY: inline-block;}
  .powermail_fieldwrap.powermail_fieldwrap_type_file label{width: 50%; padding: 0; margin: 0; display: inline-block;}
  .powermail_fieldwrap.powermail_fieldwrap_type_file input{width: 100%; padding: 0; margin: 0; display: inline-block;}
  
  .powermail_fieldwrap.powermail_fieldwrap_type_file.powermail_fieldwrap_fuehrerscheinkat{margin-bottom: 10px;} 
  .powermail_fieldwrap.powermail_fieldwrap_type_file.powermail_fieldwrap_fuehrerscheinkat label{width: 100%; margin-bottom: 5px;: 0; display: inline-block;}
  
  .powermail_fieldwrap.powermail_fieldwrap_type_file.powermail_fieldwrap_kopieeinespersonalausweises{margin-bottom: 10px;} 
  .powermail_fieldwrap.powermail_fieldwrap_type_file.powermail_fieldwrap_kopieeinespersonalausweises label{width: 100%; margin-bottom: 5px;: 0; display: inline-block;}
  
  .powermail_fieldset.powermail_fieldset_15, .powermail_fieldset.powermail_fieldset_17{display: none;}
  
  .powermail_fieldset.powermail_fieldset_15 legend{display: none;} 
  
  .powermail_fieldset .powermail_fieldwrap_type_check .checkbox label{display: block;     padding: 10px 60px 10px 10px; margin-left: 50px; border: 1px solid black; margin-bottom: 10px; position: relative; cursor: pointer;
    -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
  
  .powermail_fieldset .powermail_fieldwrap_type_check .checkbox{position: relative;}
  .powermail_fieldset .powermail_fieldwrap_type_check .checkbox .downl{font-size: 28px; text-decoration: none; box-sizing: border-box; text-align: center; color: white; background: #008cca; top: 0; left: 0px; position: absolute; width: 50px; height: 100%; border: 1px solid #008cca;
  -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.powermail_fieldset .powermail_fieldwrap_type_check .checkbox .downl svg{margin: 7px 12px;}
.powermail_fieldset .powermail_fieldwrap_type_check .checkbox .downl svg path{fill: white;}  

  .powermail_fieldset .powermail_fieldwrap_type_check .checkbox.check .downl; .powermail_fieldset .powermail_fieldwrap_type_check .checkbox .downl:hover{color: #414b50; background: white;}
  .powermail_fieldset .powermail_fieldwrap_type_check .checkbox label::before:hover{color: #414b50; background: white;}
  .powermail_fieldset .powermail_fieldwrap_type_check .checkbox label::after{content: "✘"; position: absolute; width: 50px; right: 0; top: 0; height: 100%; font-size: 28px; text-align: center; color: white; background: #414b50;
    -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
  .powermail_fieldset .powermail_fieldwrap_type_check .checkbox label:hover, .powermail_fieldset .powermail_fieldwrap_type_check .checkbox.check label{background: #414b50; color: white;}
    .powermail_fieldset .powermail_fieldwrap_type_check .checkbox.check label::after,  .powermail_fieldset .powermail_fieldwrap_type_check .checkbox label:hover::after{content: "✔"; color: #414b50; background: white;}
  .powermail_fieldset .powermail_fieldwrap_type_check .checkbox label input{display: none;}
  .powermail_fieldwrap.powermail_fieldwrap_type_check label{display: none;} 
 
.powermail_fieldwrap_befristetbis, .powermail_fieldwrap_pensum, .powermail_fieldwrap_pensum_01 , .powermail_fieldwrap_bruttolohn , .powermail_fieldwrap_ferienverguetung , .powermail_fieldwrap_bruttolohn_01, .powermail_fieldwrap_bruttolohn_02  {displaY: none;}

.print{background: rgba(0,140,202,0.85); margin-top: 10px; color: white; border: none; display: block; text-align: center; width: 100%; box-sizing: border-box; cursor: pointer; border: 3px solid rgb(0,140,202); padding: 15px; font-weight: bold; text-transform: uppercase;
      -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}

.print:hover{color: rgb(65 75 80); background: rgba(0,140,202,0.15);}

.sign{margin-top: 40px; display: none;}
.sign table{width: 100%;}
.sign table tr td{padding: 5px 0;}
.sign table tr td:nth-child(2),.sign table tr td:nth-child(5){border-bottom: 1px solid black; width: 40%;}
.sign table tr td:nth-child(3){width: 50px;}

.parsley-error{background: red; color: white;}
.parsley-error::placeholder{color: white}
ul.parsley-errors-list{display: none;}

.powermail_fieldwrap_bittebestaetigensiedenerhaltfolgenderdokumente_01{display: none;}

.powermail_fieldwrap_hochzeitsdatum {display: none;}

@media only screen and (max-width: 800px) {
	
  #wrapper{margin: 10px;}
  #head{height: auto; padding: 10px; box-sizing: border-box;}
  #head a#logo{margin: 0;}
  #head a img{height: auto; width: 33.333%;}
  
  #navi{margin-top: 60px;}
  #navi ul li{display: block; margin: 10px;}
  #navi ul li a{width: 100%; height: 180px;}
  
  .gallery a{ width: 50%;}

  

  a#logo{width: 80%; margin-left: 10%;}

  #artwrap #artcont .head{height: 400px;}

  #artwrap #artcont h1{font-size: 2em; max-width: 80%;}

  #artwrap #artcont h2{font-size: 1.2 em;}
  
  .tx-lpc-kool-events .kItem .dateWrap .day{font-size: 20px;}
  .tx-lpc-kool-events .kItem .dateWrap .month{font-size: 12px;}
  .tx-lpc-kool-events .kItem .links a{font-size: 14px; padding: 10px;}
  .tx-lpc-kool-events .kItem .links{width: 100px;}
  .tx-lpc-kool-events .kItem .dateWrap{width: 60px;}
  
  .tx-powermail{padding: 10px;}
  .tx-powermail .powermail_fieldwrap_type_radio.powermail_fieldwrap_abteilung .radio label{padding: 0px;}
}


/*__________________________________________________________________________PRINT _______________________________________________________________________________*/
 @media print {
  #head, h3, #curve, button, p.sp{display: none!important;}
  body{background: transparent;}
  #wrapper{margin: 0;}
  #wrapper  .tx-powermail{padding: 0;}
  #wrapper  .tx-powermail fieldset{column-count: 1;}
    #wrapper  .powermail_fieldset.powermail_fieldset_13 legend{display: none;} 
  #wrapper  .powermail_fieldwrap .powermail_field{display: inline;}
  #wrapper  .powermail_fieldwrap label {displaY: inline-block; width: 30%; border: none; background: transparent; color: black; padding: 0; margin: 0;}
  #wrapper  .powermail_fieldwrap input,  #wrapper  .powermail_fieldwrap select {displaY: inline-block; width: 70%;}
  #wrapper  .powermail_fieldwrap.powermail_fieldwrap_type_radio label{width: auto; min-width: 30%; padding-right: 15px; box-sizing: border-box;}
 
  #wrapper .tx-powermail .powermail_fieldwrap_type_radio .radio{width: auto;}
  #wrapper .tx-powermail .powermail_fieldwrap_type_radio .radio label{display: none;}
    #wrapper .tx-powermail .powermail_fieldwrap_type_radio .radio.act label{display: inline-block; padding: 5px; text-align: left; border: 1px solid black;}
    #wrapper .tx-powermail .powermail_fieldwrap_type_radio .radio.act input{display: none;}
    
  #wrapper .tx-powermail .powermail_fieldwrap_type_radio.powermail_fieldwrap_abteilung{margin: 0;}
  #wrapper .tx-powermail .powermail_fieldwrap_type_radio.powermail_fieldwrap_abteilung label{display: none;}
  #wrapper .tx-powermail .powermail_fieldwrap_type_radio.powermail_fieldwrap_abteilung .radio.act{width: 60%; margin: 20px 20%;}
  #wrapper .tx-powermail .powermail_fieldwrap_type_radio.powermail_fieldwrap_abteilung .radio.act label{display: block; width: 100%; margin-left: 15px; BORDER: NONE;}
  
  #wrapper .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_file{border: none; padding: 0;}
  #wrapper .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_file input{padding: 5px; border: 1px solid black;}
  #wrapper .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_file{margin-bottom: 5px;}
  #wrapper .tx-powermail  .powermail_fieldwrap input, .tx-powermail .powermail_fieldwrap select, .tx-powermail .powermail_fieldwrap textarea {margin-bottom: 5px;}
  
  #wrapper .tx-powermail .powermail_fieldwrap input, .tx-powermail .powermail_fieldwrap select, .tx-powermail .powermail_fieldwrap textarea{padding: 5px;}
  
  #wrapper .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_text{display: none;}
  #wrapper .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check label{display: none;}
  #wrapper .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .checkbox label{display: block; width: 100%; padding: 10px 50px 10px 10px; box-sizing: border-box;}
  #wrapper .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .checkbox label::after{background:transparent; color: black;}
  #wrapper .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .checkbox a{display: none;}
  #wrapper .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .checkbox input{display: none;}
   .print{display: none;}
   .sign{displaY: block;}
   .ndac{display: none;}
   .dacc{display: block!important;}
   
  }