/*body, html { font-family: 'Roboto', sans-serif; font-size: 100%; font-weight: 300; background: #e8e8e8 }*/
body, html { font-family: 'Roboto', sans-serif; font-size: 95%; font-weight: 300; background: #e8e8e8 }

body.unibgx { background: url(../img/bg/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.clear       { clear:both; height: 0px; width:100% }
.half        { float: left; width: 50%; }
.nobr        { white-space: nowrap }
.nowrap *    { white-space: nowrap }
.center      { text-align: center }
.paddtop     { padding-top: 15px }
.hidden      { display: none }
.unvisible   { visibility: hidden }
.transparent { opacity: 0 }
.transparent5{ opacity: 0.5 }
.clickable   { cursor: pointer }
.semi-plexi  { background:rgba(0, 0, 0, 0.3) } 
.plexi       { background:rgba(0, 0, 0, 0.75) } 
.color       { color: #e93656 }
.color-logo  { color: #C10D22 }
.correct     { background: transparent }
.incorrect   { background: #f27d7d }
.preloader   { width: 100%; text-align: center; padding: 100px 0 100px 0 }
.mobile      { display: none }
.screen      {  }

img          { max-width: 100% }

a img        { border: none; }
a            { color: red; text-decoration: none; }
a:hover      { text-decoration: none; }

strong       { color: #050505; font-weight: bold }
hr           { clear: none; width: 50%; height: 1px; display: block; margin: 15px 25%; border: none; border-top:1px solid #bcbec0 }



/* Master DIV */
.line { position: fixed; bottom: 0px; height: 4px; width: 100%; background:#e93656  }

.container { position: relative; width: 100%; float: left; padding: 0; margin: 0; height:auto; }
.container .block { max-width: 1300px; margin: 0 auto; padding: 0 60px; position: relative; height: auto; background: rgba(255, 255, 255, 1);  }
.container .block.content { margin: 20px auto }

.container.header { background: #e1e1e1 }
.container.vizual { background: #d2d2d2 }



/* Header */
.header {  background: rgba(255, 255, 255, 1); margin-top: 15px;display:flex; justify-content: space-between;align-items: center;gap:20px; padding:20px 0;  }

.yellowblock .newsletter {background:#ffff01; font:12px Helvetica,Arial,sans-serif; height:110px; float:left; margin-right:auto; white-space: nowrap; overflow: hidden;}
.yellowblock .newsletter .button {color:#262626; font-size: auto;}
.yellowblock .promo {max-width: 600px; height: 110px; white-space: nowrap; text-align: center; overflow: hidden; margin: 0 0 0 auto; float: right; }
.yellowblock .promo img { transition: margin .4s ease-in-out }
/*.naviblock { float: right; margin-left: 20px; width: 83%; }*/
.navi { text-align: center;padding:20px; font-weight: bold;}
.header .navi a { margin: 0 15px 10px 0px; padding-bottom: 3px; position: relative; font-weight: 400; white-space: nowrap; display: inline-block; font-size: 13px;  }
.header .navi a span { position: absolute; height: 2px; width: 12px; bottom:0px; background: red; z-index: 0; opacity: 0; transition:all .2s ease-in-out }
.header .navi a:hover span { opacity: 1; width: 100% }


.yellowblock { display: block; margin: 0 0 0 auto; max-height:110px; position: relative; max-width: 88%; }
#mc_embed_signup { max width:250px; margin: 0 0 0 auto;}



.topnavi { text-align: right; margin: 15px }
.topnavi a { color: gray; display: inline-block; margin: 15px 10px 0 0 }
.topnavi a:hover { color: red }


/* headliner */
.headliner { width: 100%; box-sizing: border-box; background: #fff; margin-bottom: 15px }
.headliner small { color: gray; display: inline-block; margin-bottom: 8px }
.headliner .image { width: 30% }
.headliner .image p { min-height: 250px; width: 100%; float: left; border: 10px solid #fff; background-repeat: no-repeat; background-size: cover }
.headliner .text { width: 62%; min-height: 240px; float: right; box-sizing: padding-box; padding: 15px; border-right: 10px solid red  }
.headliner .text h1 { font-size: 180% }
.headliner .text p { padding: 20px 0; line-height: 140%; font-size: 120% }

.subliner { width: 49%; float: left; min-height: 240px; margin-bottom: 15px; box-sizing: border-box; background-repeat: no-repeat; background-size: cover }
.subliner div.cover { width: 100%; height: inherit; min-height: 240px; background: none; box-sizing: border-box; padding: 15px; transition:background 0.1s ease-in-out }
.subliner:hover p.txt { display: block }
.subliner:hover div.cover { background: #fff }
.subliner.odd { margin-right: 2%; }
.subliner.even {  }
.subliner h2 {  padding: 3px 4px; background: #fff; display: inline; font-size: 140%; line-height: 140%; font-weight: normal }
.subliner p.txt { display: none; background: #fff; padding: 8px; line-height: 120%; font-size: 90% }

.master-col { width: 78%; float: left; background: #fff; padding: 20px; box-sizing: border-box }
/*.master-col b { font-weight: 500; }*/
.news-col { width: 20%; float: right }

/* master */
.master-col { border-bottom: 2px solid red; line-height: 140% }
.master-col h1, h1 { font-size: 180%; font-weight: normal; margin-bottom: 15px; color: red }
.master-col h2 { font-size: 140%; font-weight: normal; margin-bottom: 15px; color: red }
.master-col p { line-height: 140% }
.master-col table  { max-width: 80%; margin-left: auto; margin-right: auto }
.master-col table tr td  {   width:30%; padding-left: 50px; padding-right: 50px }

.master-col .customs { margin-bottom: 8px; color: gray }

.master-col.clearcol { background: none; border-bottom: none; padding: 0px }

.ULLI {display: block; padding-left: 17px; background: url(../img/ulli/ulli1.png) no-repeat left top; color: black; margin-top:5px; }
.heading { margin-bottom: 20px; font-weight: 500 }

.support { text-align: center }
.support img { max-height:80px; margin: 20px;  }

img.people { max-width: 300px}


/* news bar */
.news-col  { margin: 0 0 10px 10px  }
p.news-box { background: #fff; margin-bottom: 15px }
p.news-box span { font-size: 90%; width: 100%; display: inline-block; max-height: 90px; overflow: hidden; background: #fff }
p.news-box span.txt { padding: 5px; width: auto }
p.news-box span img { width: 100%; transition: opacity .2s ease-in-out }
p.news-box:hover span img { opacity: 0.5 }
p.news-box:hover span.txt { background: red; color: #fff; display: block}
/* footer */
.impressum { padding: 15px 0; font-size: 80%; color: #b4b4b4 }


/* Gallery */
.image_content { margin-top: 25px }
.gallery { margin:15px 0px 20px 0px; }
.gallery a { display: block; width:auto; float: left; margin:5px 12px 5px 0px; text-align:center; }
.gallery a img, .g_box div.g_preview a img { width:187px;  }
.gallery a:hover img, .g_box div.g_preview a:hover img  {opacity: 1; fiter:alpha(opacity=100);}
.imageBox {margin: 0px 3px 3px 0px; float: left;}  
.imageBox a img { opacity: 0.8; fiter:alpha(opacity=80); }
.imageBox a:hover img { opacity: 1; fiter:alpha(opacity=100); }

/*Search*/
.SearchResults, .SiteMap { margin-top:20px }
.SearchResults strong { margin-top:20px; font-size:110% }
.SearchResults span { display:block; margin:3px 0px 0px 0px; font-size:95%; color:gray }
.SearchResults strong { margin-top:20px; font-size:110% }
.SearchResults small a { color: #000}

.SiteMap strong { margin:12px 0px 3px 0px; display:block; font-size:110% }
.SiteMap a {}


/* QuickTab */
.tab_name {position:absolute; border-bottom:1px solid #f3f3f3; width:635px }
.tab_value{margin-left:250px; color:black; padding-bottom:2px}


p.attachments { width:100%; padding:20px 0px 10px 0px }
.attachments strong { display: block; margin:10px 0px 10px 0px;}
.attachments a {padding: 0px 0px 0px 25px; height: 16px; display: block; margin-bottom: 8px;}
.attachments a:hover {text-decoration: underline;}
.attachments a small {font-size: 75%; padding-left: 15px; color: gray;}
.attachments a.att_file {background: url(../admin2/pic/files/file.png) no-repeat;}
.attachments a.att_jpg {background: url(../admin2/pic/files/jpg.png) no-repeat;}
.attachments a.att_gif {background: url(../admin2/pic/files/gif.png) no-repeat;}
.attachments a.att_png {background: url(../admin2/pic/files/png.png) no-repeat;}
.attachments a.att_doc {background: url(../admin2/pic/files/doc.png) no-repeat;}
.attachments a.att_xls {background: url(../admin2/pic/files/xls.png) no-repeat;}
.attachments a.att_pdf {background: url(../admin2/pic/files/pdf.png) no-repeat;}
.attachments a.att_ppt {background: url(../admin2/pic/files/ppt.png) no-repeat;}
.attachments a.att_rtf {background: url(../admin2/pic/files/rtf.png) no-repeat;}

table.GenTable { margin: 8px 0px 8px 0px; }
table.GenTable td, table.GenTable th { padding: 3px 5px 3px 5px; text-align: left;}
table.GenTable td { background: #ebf4ff;}
table.GenTable th { background: #6487ba; color: #fff;}

form.inquiry table td{ padding: 3px; white-space: nowrap;  }
form.inquiry table td span { color: red;}
input.width100, textarea.width100 { width: 100%; border: 1px solid gray; padding: 2px;}
input.width50 { width: 50%; border: 1px solid gray; padding: 2px;}


label { color:#262626 }
input[type="text"], textarea { border: 1px solid #e52f52; padding: 3px; font-size: 120%; color: #262626; border-radius: 2px; margin-bottom: 8px }
input[type="text"] { width: 30% }
textarea {width: 50% }
input[type="button"], button { transition: background 0.5s ease; cursor: pointer; background:transparent; border: 1px solid #e52f52; padding: 5px 15px; font-size: 100%; color: #fff; border-radius: 2px; margin-bottom: 8px  }
input[type="button"].graybutton { background:transparent; border: 1px solid #c1c1c1 }
input[type="button"]:hover, button:hover { background:#e52f52 }
input[type="button"].graybutton:hover { background:#c1c1c1 }




@media screen and (max-width: 1300px) {  
	.navigation { max-width: 78%; position: relative; height: auto; margin: 0 10px 0 0;}
	.navigation .navi a {  }
	.navigation .claim { float:none }
	.yellowblock { max-width: 100%; margin: 0 0 0 10px; padding: 0; position: relative; }
	.yellowblock .promo { height: 110px; margin: 0 0 0 auto; float: right; }
	.yellowblock .newsletter { max-width: 180px; margin: 0 auto 0 0; float: left;}
	/*
	.navigation .claim { display: none }
	.navigation .promo { display: none }
	.navigation .newsletter { display: none } 
	.navigation .navi { position: relative }
	.navigation .navi a { display: block; color: black; padding: 8px 5px; text-align: center; border-bottom: 1px dotted gray }
	*/
}

@media screen and (max-width: 1220px) {
	.navigation { max-width: 78%; position: relative; height: auto;}
	.navigation .navi a {  }
	.navigation .claim { float:none }
	.yellowblock { max-width: 88%; margin: 0; padding: 0; position: relative; float: right; height: auto; }
	.yellowblock .promo { display: none; }
	.yellowblock .newsletter { max-width: 180px; height: auto; margin: 0 auto 0 0; float: left; }
	.naviblock { max-width: 80%;}

}

@media screen and (max-width: 800px) {  
    .mobile { display: block }
    
    .container .block { padding: 0 10px }    

	.navigation { display: none;}
	.navigation .claim { display: none }
	.yellowblock { max-width: 100%; width: 92%; float: right; position: relative; }
	.yellowblock .promo { display: none }
	.yellowblock .newsletter { max-width: 100%; width: 100%; height: auto; margin: 0; display: inline-block; }
	.yellowblock .newsletter .button { float: right; clear: none; height: 60%;  }


	.newsletter label {float: left; font-weight:bold; display: block; width: 100%; } 
	.yellowblock .newsletter input.email { max-width: 52%; height: 65%; float: left; font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; font-size: 11px; margin:0.3% 1% 0.5% 1%; min-height:28px; min-width:80px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
	.newsletter input .button {display:block; max-width:30%; height: 60%; margin:0.5% 4px 2.5% 0; min-width:90px; float left; }
	.newsletter .button { line-height: 28px; }

	.header .navi { width: 92%; float: right; position: relative }
	.header .navi a { display: block; color: black; padding: 8px 5px; text-align: center; border-bottom: 1px dotted gray }
	.header .navi a span { display: none }
	.header .navi a:hover { background: black; color: #fff }
	.header .navi span { display: none }

	.headliner { width: 100%; box-sizing: border-box; background: #fff; margin-bottom: 15px }
	.headliner .image { width: 95% }
	.headliner .text { width: auto; font-size: 90% }
	.headliner .text h1 { font-size: 150% }

	.subliner { width: 100%; float: left; min-height: 300px; margin-bottom: 15px; box-sizing: border-box; background-size: contain; }

	.master-col { width: 100%; float: left; }
	.news-col { width: 100%; float: right; margin: 20px 0 0 0; display: none !important }
	
    input[type="text"] { width: 100% }
    textarea {width: 100% } 
       
} 

@media screen and (max-width: 1100px) {
	.subliner { box-sizing : border-box; background-size: contain; background-position-y: center; }
	.subliner div.cover { box-sizing : border-box; max-width: 100%;}
	.news-col { display: none !important }
}


/* MailChimp Form Embed Code - Slim - 12/15/2015 v10.7 */
.newsletter form {display:block; position:relative; text-align:left; padding:8px 3% 5px 3%}
.newsletter h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
.newsletter input {border:1px solid #999; -webkit-appearance:none;}
.newsletter input[type=checkbox]{-webkit-appearance:checkbox;}
.newsletter input[type=radio]{-webkit-appearance:radio;}
.newsletter input:focus {border-color:#333;}
.newsletter .button {clear:both; background-color: #aaa; float:right; border: 0 none; border-radius:4px; letter-spacing:.03em; cursor: pointer; display: inline-block; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; transition: all 0.23s ease-in-out 0s;}
.newsletter .button:hover {background-color:#777;}
.newsletter .small-meta {font-size: 11px;}
.newsletter .nowrap {white-space:nowrap;}     
.newsletter .clear {clear:none; display:inline;}

.newsletter label {display:block; padding-bottom:5px; font-weight:bold;}
.newsletter input.email {font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; font-size: 12px; padding:0 0.4em; margin:0 0 0 0; width:93%; min-width:180px; max-width:100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.newsletter input.button {display:block; width:35%; margin:0 3px 10px 0; min-width:90px;}

.newsletter div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
.newsletter div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
.newsletter #mce-error-response {display:none;}
.newsletter #mce-success-response {color:#529214; display:none;}
.newsletter label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}