/* NICHT ANFASSEN */
/*! normalize.min.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}audio,canvas,progress,video{display:inline-block}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
/* NICHT ANFASSEN */


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

html {
  height: 101%;
}

form {
  margin: 0;
  padding: 0;
}

body {
	font-family: Calibri, sans-serif;
    font-size: 16px;
    line-height: 1.4em;
	margin: 0px 0px 0px 0px;
	color: #373737;
	margin-bottom: 0px;
    height: 101%;
    background-color: #999999;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #0A58AB;
}

a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #373737;
}

input.button { cursor: pointer; }

p { 
  margin-top: 0; 
  margin-bottom: 5px;
  text-align: left; 
}

img { border: 0 none; }

.bild {
    width: 100%;
    height: auto;
}

#suche label {
    display: none;
}

.protectedby,
.accordion-toggle,
.mod-articles-category-group,
.muted {
   display: none;
}

h3 {
    text-align: center;
    margin: 0 0 15px 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    border-bottom: 1px solid #E4332D;
}

h1 {
    font-size: 22px;
    line-height: 22px;
    color: #C30028;
    margin: 0 0 15px 0;;
}

#visformcontainer {
    max-width: 500px;
}

.imgmap {
    max-width: 640px; 
    max-height: 420px;
}

ul {
   margin:0 0 15px 15px;
   padding:0;
   text-align:left;
   list-style-type:disc;
}

li {
   padding: 0 0 0 5px;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

#wrapper {
    position: relative;
    margin: 0px auto;
    max-width: 1200px;
    min-height: 600px;
    height: auto;
    overflow: hidden;
    background-color: #fff;
    border: 0px solid #000;
}    

.box_left {
    padding: 20px 0 0 50px;
}

.box_right {
    position: relative;
    text-align: right;  
    padding: 60px 50px 0 0;
    font-size: 20px;        
}

.inhalt {
    margin: 20px auto;
    max-width: 100%;
    padding: 20px 50px;
    height: auto;
    min-height: 600px;
    overflow: hidden;
}

.flex {
   position: relative;
   z-index: 1;
   max-width: 100%;
   height: auto; 
   margin: 20px 0 0 0;  
}

.headline {
    text-align: center; 
    font-size: 22px; 
    line-height: 30px;
}  

.text_1 {
    text-align: center; 
    padding: 0 100px;
} 

/**** Carousel ***/

.carousel-wrapper{
  height: 250px;
  position:relative;
  width:90%;
  margin:0 auto;
}
.carousel {
  position:absolute;
  font-size: 15px;
  line-height: 18px;
  top:0;
  bottom:0;
  left:0;
  right:0;
  padding:25px 30px;
  opacity:0;
  transition: all 0.5s ease-in-out;
}
.arrow{
  border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 12px;
}

.arrow-prev{
  left:-30px;
  position:absolute;
  top:50%;
  transform:translateY(-50%) rotate(135deg);
}
 
.arrow-next{
    right:-30px;
  position:absolute;
  top:50%;
  transform:translateY(-50%) rotate(-45deg);
  }

.light{
  color:white;
}

@media (max-width: 480px) {
      .arrow, .light .arrow {
        background-size: 10px;
        background-position: 10px 50%;
      }
    }

/*Select every element*/
[id^="item"] {
    display: none;
  }

.item-1 {
    z-index: 2;
    opacity: 1;
  
  }
.item-2{
      
}
.item-3{
     
}

*:target ~ .item-1 {
    opacity: 0;
  }

#item-1:target ~ .item-1 {
    opacity: 1;
  }

#item-2:target ~ .item-2, #item-3:target ~ .item-3 {
    z-index: 3;
    opacity: 1;
  }

.box_1 {
    position: relative;
    float: left;
    width: 270px;
    height: auto;
    text-align: center;
}

.box_2 {
    position: relative;
    float: left;
    width: 270px;
    height: auto;
    margin: 0 0 0 40px;
    text-align: center;
}

.box_3 {
    position: relative;
    float: left;
    width: 270px;
    height: auto;
    margin: 0 0 0 40px;
    text-align: center;
}

.box {
    padding: 0 20px;
}

.footer {
    height: auto;
    text-align: center;
    padding: 0;
    margin: 0;
    background-color: #fff;
}

.footer a:link {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    color: #999;
    padding: 0 0 0 3px;
    font-weight: bold;
}

.footer a:hover {
    font-size: 14px;
    color: #AA352E;
    padding: 0 0 0 3px;
    font-weight: bold;
}


hr {
  border: 0;
  height: 1px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(182, 182, 182), rgba(0, 0, 0, 0));
  margin: 30px -50px 30px -50px;
}