.full{
-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
	cursor: pointer;
	}

.halb{float: left;margin:.5em;width:45%;
-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
	cursor: pointer;
	}
	
.halb-rechts{float: right;margin:.5em;width:45%;
-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
	cursor: pointer;
	}
	
.full:after,.halb:after,.halb-rechts:after{content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;}
  
.full img, .halb img, .halb-rechts img{-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
	}

.versteckt{  
width: 0;
height:0;
z-index: 1000;
}

.versteckt img{ 
display: none;
} 
 
.transition {
	z-index: 5000;
	position: fixed;
	width: 100%;
	height:100%;
	top: 0;
left: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
    -webkit-transform: scale(1); 
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	border: 5px solid rgba(25,25,25,0.25);
	padding:5rem;
	margin: 0 auto;
	background-color: rgba(255,255,255,0.9);
}

.transition:after {content:'✖';position: absolute; right:0;top:0;padding:.5em;padding-top:0;font-size:4em;font-weight:300; color:rgba(25,25,25,0.25);}

.transition img{ 
display: block;
width: auto;
max-height:95%;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.navbar-default {
    background-color: #19381e;
    border-color: transparent;
}

#headerpic .layer {
    background-color:#19381e;
}

section p{
text-align:justify;
-moz-hyphens: auto;
hyphens: auto;
}
.service p{text-align:center;}

#headerpic h3{line-height:1.5}

.dropdown-toggle li{
word-wrap: break-word;
}

.fa-DE:before{content:"DE"}
.fa-EN:before{content:"EN"}
.fa-FR:before{content:"FR"}
.fa-ES:before{content:"ES"}

.hyph { text-align: justify;
hyphens: auto; 
hyphenate-limit-chars: auto 5;
hyphenate-limit-lines: 2;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;
}

.service .size2 .badge .fa {
    font-size: 12px;
}

.white{
font-weight: bold;
font-size: 4em;
margin-top:0.1em;
color:#fff;
opacity: 0.4;
}

.equalrow {
margin-top: 3em;
}
.search_it-modul {
        box-sizing: border-box;
        font-size: 1rem;
        font-family: sans-serif;
        max-width: 640px;
        margin: 0 auto;
        border: 1px solid rgba(0,0,0,0.2);
        padding: 0 2rem 2rem 2rem;
    }
    .search_it-demotitle {
        font-size: 1.2rem;
        font-weight: bold;
        border-bottom: 1px solid  rgba(0,0,0,0.2);
        color: rgba(0,0,0,0.4);
        margin-bottom: 2rem;
    }
    .search_it-results {
        padding: 0;
        margin: 0;
    }
    .search_it-result {
        background: rgba(0,0,0,0.05);
        border: 1px solid rgba(0,0,0,0.4);
        padding: 1rem;
        margin: 1rem 0;
        list-style-type: none;
        list-style-position: inline;
    }
    .search_it-title,
    .search_it-title a {
        font-weight: bold;
        color: rgba(0,180,0,0.7);
    }

    .search_it-result .search_it-teaser {
        color: rgba(0,0,0,0.7);
    }
    .search_it-result .search_it-url {
        color: rgba(0,0,0,0.4);
    }
    .search_it-missing_type,
    .search_it-zero {
        background: rgba(180,0,0,0.05);
        padding: 1rem;
        border: 1px solid rgba(255,0,0,0.7);
        margin: 1rem 0;
        color: rgba(255,0,0,0.7);
    }
    .search_it-request,
    .search_it-type {
        font-weight: bold;
    }

 .aspect-ratio-16-9 {
  display: flow-root;
  position: relative;
}

.aspect-ratio-16-9::before {
  content: '';
  float: left;
  padding-bottom: 56.25%;
}

/* Formularfelder -- Validierung */

input[type="text"]:required { 
    border-bottom: 2px solid #c72f2f;
}

input[type="checkbox"]:required {
accent-color: #c72f2f;
}

input[type="checkbox"] {
  background-color: #c72f2f;
}


input[type="checkbox"]+label::before {
  color: #c72f2f;
  line-height: 1em;
  text-indent: -3em;
  vertical-align: sub;
  font-size: 2em;
  font-weight: 900;
  content:"* ";
}

input[type="checkbox"]:checked+label::before {
  color: green;
  line-height: 1em;
  text-indent: -3em;
  vertical-align: sub;
  font-size: 2em;
  font-weight: 900;
  content:"✓ ";
}

select:required { 
    border-bottom: 2px solid #c72f2f;
}

textarea:required { 
    border-bottom: 2px solid #c72f2f;
}

input[type="text"]:valid, textarea:valid, select:valid{ 
    border-bottom: 2px solid green;
}

table td {
text-align: left !important;
padding: 0.5em !important;
}

table td p{
margin:0;
padding:0;
text-align: left !important;
}

.odd{background-color: #eee;}

a {color: #045308;}
a:hover {color: #09d112; transition: color 1s;}


.extlink{
	text-decoration:none;
}

#content a.icon:after {
 display: inline-block;
 width: 17px;
 height: 15px;
 margin: 2px;
}

#content a.extlink:after {
  content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTEuNzQ2IiBoZWlnaHQ9IjExLjgwNiIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMy40IDMuNDE3MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxkZWZzPgogIDxtYXJrZXIgaWQ9ImEiIG92ZXJmbG93PSJ2aXNpYmxlIiBtYXJrZXJIZWlnaHQ9IjEiIG1hcmtlcldpZHRoPSIxIiBvcmllbnQ9ImF1dG8tc3RhcnQtcmV2ZXJzZSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIHZpZXdCb3g9IjAgMCAxIDEiPgogICA8cGF0aCB0cmFuc2Zvcm09InJvdGF0ZSgxODAgLjEyNSAwKSIgZD0ibTMtMy0zIDMgMyAzIiBmaWxsPSJub25lIiBzdHJva2U9ImNvbnRleHQtc3Ryb2tlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICA8L21hcmtlcj4KIDwvZGVmcz4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0uMDExMDg0IC40OTA0MikiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIuMjg0Ij4KICA8cGF0aCBkPSJtMi41NTQ2IDEuMTY3LTAuMDA5MjU2NCAxLjEyNDZjLTguOTcyZS00IDAuMTA5LTAuMDg3NTQzIDAuMTk2NzYtMC4xOTYyOCAwLjE5Njc2aC0xLjk5MWMtMC4xMDg3NCAwLTAuMTk2MjgtMC4wODc3NTctMC4xOTYyOC0wLjE5Njc2di0xLjk5MTdjMC0wLjEwOTAxIDAuMDg3NTQzLTAuMTk2NDcgMC4xOTYyOC0wLjE5Njc2bDAuOTI3MzQtMC4wMDI1MzciIHN0cm9rZT0iIzAwMCIgc3R5bGU9InBhaW50LW9yZGVyOmZpbGwgbWFya2VycyBzdHJva2UiLz4KICA8cGF0aCBkPSJtMC44MzY4MiAxLjgyNDcgMi4xMTUyLTIuMTIwMiIgbWFya2VyLWVuZD0idXJsKCNhKSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3Ryb2tlPSIjZTIwMDAwIiBzdHlsZT0iZm9udC12YXJpYXRpb24tc2V0dGluZ3M6bm9ybWFsIi8+CiA8L2c+Cjwvc3ZnPg');
}

.extlink:hover{
	background-color: #C64D24;
	color:#fff;
}

.extlink:focus{
	background-color: #C64D24;
	color:#fff;
}