*, html {margin:0;box-sizing:border-box;}
html, body {width:100%;height:100%;padding:0;margin:0;font-family:Verdana, Arial, Helvetica, sans-serif;}
*, ::before, ::after {box-sizing: inherit;}

section, article, aside, header, footer, nav, figure, figcaption {display: block;}
time, mark {display: inline-block;}
a {color:#17375E;font-weight:bold;}
p,h1 {margin-bottom:1em;}
h2 {font-size:1em;margin:2em 0 1em 0;}
figure img {margin-bottom:0 !important;}
figcaption {font-weight:bold;text-align:right;margin-bottom:1em;}

.clearer {height:1px;clear:both;}
#root {position:relative;height:auto !important;min-height:100%;margin:0px auto -30px;width:100%;}
#header {height:auto;margin:0px auto;width:100%;}
#header.nopic {height:70px;}
#headercontent {max-width:1024px;margin:auto;}
#headerbild {width:100%;height:auto;min-height:285px;max-height:360px;position:relative;overflow: hidden;}
#headerbild img {min-width:100%;position:absolute;top: -9999px;bottom: -9999px;left: -9999px;right: -9999px;margin: auto;}

#diashow {width:100%;height:auto;min-height:285px;max-height:360px;position:relative;overflow: hidden;}
#headerpics img {height:315px;width:100% important;object-fit:cover;object-position:top center;}

.bg286 {min-height:100%;height:auto !important;height:100%;
 background:url(/transfer/assets/6831.jpg) no-repeat center center fixed;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
  background-size: cover;}
  
#content {max-width:1024px;padding:2em 0 0 0;margin:auto;}

#minheight {height:105px;clear:both;}

#flagbar {height:30px;width:100%;background-color:#fff;}
#flags {height:30px;max-width:1024px;margin:auto;background-color:#fff;}
.imprint a {text-decoration:none;font-size:0.8em;}
.imprint {display:inline-block;vertical-align:top;margin-left:10px;}

#navigation {width:100%;background-color:#434343;height:70px;}
#navigation ul {max-width:1024px;height:100%;list-style-type:none;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0;}
#navigation li {text-align:center;width:150px;padding:10px;}
#navigation li a {color:#fff;text-decoration:none;font-weight:normal;display:block;padding:5px;}
#navigation li.navon a, #navigation li:hover a, #navigation li:focus a {border-bottom:5px solid #189FD6;}
.uppernav {position:absolute;z-index:99;top:30px;}

#footer {position:absolute;bottom:0px !important;width:100%;height:105px;background-color:#fff;border-top:20px solid #434343;}
#footer1 {max-width:1024px;height:105px;border:0;margin:auto;}
#footer1 ul {height:100%;margin:0;list-style-type:none;}
#footer1 ul li {display:inline-block;margin-left:13px;}
#footer1 ul li:nth-child(1) {margin-left:-45px;}


.bildlinks {float:left;width:350px;min-height:400px;padding-top:100px;}
.bildrechts {float:right;width:350px;min-height:400px;}
.articlelinks {margin:0 50px 0 50px;max-width:600px;}
.articlerechts {margin:50px 0 0 350px;max-width:600px;}
.articlelinks img {max-width:600px;margin-bottom:1em;}

/*Kacheln*/
#kachelbox {
	margin-top:6em;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	flex-direction:row;
	justify-content:space-around;}
#kachelbox a {text-decoration:none;color:#fff;font-weight:normal;}
#kachelbox a:hover, #kachelbox a:focus, {text-decoration:underline;}
.kachel {
	background-color:#189FD6;
	height:180px;
	width:180px;
	padding:6px;
	text-align:center;
	border-radius: 10px;
	box-shadow: -5px -5px 5px grey;
	}
.kachelinner {
	width:99%;
	height:99%;
	background-color:#434343;
	border-radius: 10px;
	vertical-align:middle;
	padding:10px;
	}

.infokachel {
	background-color:#189FD6;
	height:380px;
	width:880px;
	padding:10px;
	text-align:center;
	border-radius: 10px;
	margin:2em 0 0 70px;
}

.ik2 {
	width:100%;	
	height:100%;
	color:#434343;
	background-color:#fff;
	border-radius: 10px;
	vertical-align:middle;
	padding:20px;
	text-align:left;
	}

.ik2 div {width:80%;margin:auto;}

#klappe {display:none;}
#klapp-navigation  {
  width: 0; 
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  background-color:#fff;
  display:none;
  z-index:99999 !important;
}

#contactlist {margin:0;list-style: none;padding:0;}
#contactlist li {margin-bottom:2em;}
#contactlist div {padding-left:50px;margin-top:-25px;}
#contactlist h2 {font-size:1em;margin-top:0;}
#contactlist li:before {
    content: " "; 
    width:25px;height:25px;
    padding-right:10px;
    background-color:#189FD6; 
    display:inline-block;
    border-radius:5px;
}

.spruchband {z-index:99;position:absolute;margin-top:-8.5em;height:7em;color:#fff;width:100%;}
.spruchplatz {width:1024px;height:100%;padding:10px 50px 10px 50px;margin:auto;font-style:italic;background-color:#434343;}
.spruch {float:right;margin-top:0.3em;font-size:1em;}
.spruch::first-letter {font-size: 200%;}
.spruchautor {font-size:0.8em;float:right;}

#milestonebubbles {height:800px;overflow:hidden;}

#bubblepic1 {position:relative;z-index:5;top:50px;left:10px;width:390px;height:390px;border-radius:50%;background-image: url("/transfer/assets/6983.jpg");
 background-position: center; -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.8)));
}
#bubblepic2 {position:relative;z-index:4;top:-450px;left:300px;width:390px;height:390px;border-radius:50%;background-image: url("/transfer/assets/6832.jpg");
background-position: center; -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.8)));
}
#bubblepic3 {position:relative;z-index:3;top:-650px;left:550px;width:280px;height:280px;border-radius:50%;background-image: url("/transfer/assets/6984.jpg");
background-position: center; -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.8)));
}
#bubblepic4 {position:relative;z-index:2;top:-1060px;left:740px;width:280px;height:280px;border-radius:50%;background-image: url("/transfer/assets/6985.jpg");
background-position: center; -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.8)));
}

#year2017, #year2018, #milestones h2 {color:#fff;font-weight:bold;background-color:#434343;font-size:3em;padding:5px;border-radius:5px;width:3.5em;text-align:center;}
#milestones h2 {font-size:1.2em;width:100%;margin-bottom:0.5em;}
#year2017 {position:relative;z-index:10;top:100px;left:240px;}   
#year2018 {position:relative;z-index:10;top:380px;left:780px;}
#milestones {position:relative;z-index:11;width:100%;margin-top:-10em;}
#milestones ul {list-style-type:none;padding:0;margin:0;}
#milestones ul li {float:left;display:inline;width:25%;padding:1%;}
 
#sharebutton {display:inline-block;padding-right:5px;height:22px;background:#4267B2 url("/assets/images/fb.png") no-repeat 5px 5px;vertical-align:top;margin:2px 10px 0 0;float:right;}
#sharebutton span {margin-left:25px;font-family:Helvetica, Arial, sans-serif;font-weight:bold;color:#fff;font-size:0.8em;}

/* FONTS */
/* http://www.digitale-chancen.de/globalcustoms/fonts/open_sans/license.txt */
/* normal */
@font-face {
  font-family:'Open Sans';
  font-style:  normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'),
       url('/globalcustoms/fonts/open_sans/OpenSans-Regular-webfont.eot')  format('eot'),
       url('/globalcustoms/fonts/open_sans/OpenSans-Regular-webfont.ttf')  format('truetype'),  
       url('/globalcustoms/fonts/open_sans/OpenSans-Regular-webfont.woff') format('woff');
}

/* bold */
@font-face {
  font-family:'Open Sans';
  font-style:  normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/globalcustoms/fonts/open_sans/OpenSans-Bold-webfont.eot')  format('eot'),
       url('/globalcustoms/fonts/open_sans/OpenSans-Bold-webfont.ttf')  format('truetype'),  
       url('/globalcustoms/fonts/open_sans/OpenSans-Bold-webfont.woff') format('woff');
}

/* normal italic */
@font-face {
  font-family:'Open Sans';
  font-style:  italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('/globalcustoms/fonts/open_sans/OpenSans-Italic-webfont.eot')  format('eot'),
       url('/globalcustoms/fonts/open_sans/OpenSans-Italic-webfont.ttf')  format('truetype'),  
       url('/globalcustoms/fonts/open_sans/OpenSans-Italic-webfont.woff') format('woff');
}

/* bold italic */
@font-face {
  font-family:'Open Sans';
  font-style:  italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), 
       url('/globalcustoms/fonts/open_sans/OpenSans-BoldItalic-webfont.eot')  format('eot'),
       url('/globalcustoms/fonts/open_sans/OpenSans-BoldItalic-webfont.ttf')  format('truetype'),  
       url('/globalcustoms/fonts/open_sans/OpenSans-BoldItalic-webfont.woff') format('woff');
}

#applyform div {margin-bottom:1em;}
#applyform input[type="text"], #applyform textarea, #applyform select {padding:10px; line-height: 15px; 
	border: 1px solid #189FD6;
    border-radius: 5px;
    box-shadow: 5px 5px 10px grey;
    width:22em;
    }
    
#applyform input[type="text"]:focus, #applyform textarea:focus, #applyform select:focus {border:2px solid #189FD6;}

#applyform input[type="submit"] {background-color:#fff;border:2px solid #189FD6;padding:10px;font-weight:bold;}
#applyform input[type="submit"]:hover, #applyform input[type="submit"]:focus  {background-color:#189FD6;color:#fff;}
#applyform h2 {font-size:1em;margin:2em 0 1em 0;}

.errorbox {border:2px solid red;padding:10px;width:600px;background-color:#ffcccc;font-weight:bold;}
.errorflag {border:2px dotted red;padding:10px;width:400px;background-color:#ffcccc;font-weight:bold;}
.dblock {line-height:2em;display:block;}
.dblock:hover, .dblock:focus {background-color:#dcdcdc;}
input[type=radio]:checked + label {background-color:#dcdcdc;}

.dblock2 {line-height:1.3em;margin-left:10px;}
.dblock span {display:inline-block;margin-left:.8rem;width: 80%;}
.rbblock {margin:1em 0 2em 2em;}
.row {display: table-row;}
.cblock {display: table-cell;vertical-align:middle;}
.dblock2 {display: table-cell;padding-left:10px;}

.liste {list-style-type:none;margin:0;padding:0;}
.liste li {display:inline;border:1px solid grey;padding:10px;margin-right:20px;display:inline-block;}
.liste li a {text-decoration:none;display:inline-block;}
.liste li:hover, .liste li:focus {background-color:#17375E;}
.liste li:hover a, .liste li:focus a {color:#fff;}

.skalatabelle {width:92%;border-collapse:collapse;}
.skalatabelle tr:nth-child(even) {background-color:#FEC8A0;}
.skalatabelle td {padding:0.5em;}
.skalatabelle th {width:15%;padding-right:1em;}
.skalatabelle thead tr:nth-child(1) {border-bottom:3px solid #D4683D;}

.dohide {display:none;}

#ds4ykurs td img {max-width:250px !important;}
#ds4ykurs td {vertical-align:top;border-bottom:1px dotted #ccc;padding-bottom:0.5em;}
#ds4ykurs td:nth-child(even) {padding:2.5em 0 1em 2em;}
#ds4ykurs h2 {margin-top:0;}
#ds4ykurs {margin:2em 0 2em 0;border-collapse:separate;border-spacing:0 2em;}