/***Grundgerüst***/
/*verhindert Abstände zwischen div-Elementen*/
* {margin:0;padding:0;}
body {background-color:rgb(51,51,51);font-family:Arial, Helvetica, sans-serif;font-size: 100%;color: rgb(0,0,0);height:100%;width:100%;}
/*Navigationsleiste oben*/
header {background-image: linear-gradient(to right, #0091b0 0%, #00748c 70%); height: 200px;background-color:#0091b0;}
.wrapper-header {clear:both;margin:0 auto; width: 1024px;}
.navi{color:#FFF;height:40px;margin-left:auto;margin-right:auto;}
.wrapper-nav {margin:0 auto; width: 1024px;}
/*Hauptinfobereich*/
.wrapper_main {background: url(../images/background.jpg) no-repeat center center fixed #FFF;-moz-background-size: cover;background-size: cover;min-width: 1000px;min-height:560px;margin:0 auto;padding-bottom:32px;}
.info {clear:both;margin:0 auto; width:1000px;;overflow:hidden;border-radius: 25px;-moz-border-radius: 25px;-webkit-border-radius: 25px;}
.infobox {float:left;margin-left:0;width:320px;margin-top: 32px;background:rgba(255,255,255,0.95);min-height:480px;border-radius: 25px;-moz-border-radius: 25px;-webkit-border-radius:25px;}
.infobox1 {margin-left:16px;}
.infobox-head {font-size:2em;height:2em;padding-top:8px;text-align:center;}
.introduction {height: 240px;}
.main-info {min-width: 900px;float:left;margin-top: 32px;background:rgba(255,255,255, 0.95);min-height:480px;border-radius: 25px;-moz-border-radius: 25px;-webkit-border-radius: 25px;width:100%;margin-bottom: -99999px !important;padding-bottom: 99999px !important;} /* Trick für gleichlange Spalten */
/*Fusszeile*/
nav.footer {float:left;clear:both;width:100%;color:rgb(228,225,221);font-size:0.875em;height:32px;margin:0 auto;padding-bottom:10px;}
.copyright {clear:both;color:#FFF;font-size:0.625em;min-height:32px;margin-left:auto;margin-right:auto;text-align:center;width:100%;}
/***Menüs***/
/*Hauptmenü*/
nav.main-menu {margin:0 auto;position:relative;max-width:100%;}
nav.main-menu ul {float:left;line-height:normal;list-style:none;margin:0 auto;padding:0;}
nav.main-menu li {border:none;float:left;}
nav.main-menu a {background:none;border:none;color:#FFF;display:block;font-size:1em;font-weight:normal;height:24px;margin:0;padding:8px;text-decoration:none;}
nav.main-menu a:hover {background-color:#005769;color:#FFF;text-decoration:none;}
.active {background-color:#003a46;color:#FFF;text-decoration:none;}
/*Menü der Fußzeile*/
nav.footer_menu ul {float:left;position:relative;margin:0 auto;left:50%;line-height:normal;list-style:none;margin-top:8px;}
nav.footer_menu li {float:left;position:relative;right:50%;}
nav.footer_menu a {border:none;color:#FFF;display:block;font-size:1em;font-weight:normal;height:1em;margin:0;padding:0 10px;text-decoration:none;}
nav.footer_menu a:hover {color:#FFF;text-decoration:underline;}
.active-footer {color:#FFF;text-decoration:underline;}
/***Hauptelemente***/
a.link {color: rgb(31,73,125); text-align:right;}
article > figure {margin: 10px 10px;}
figure > h1 {float:left;color:#221b5b;font-size:2em;font-weight:bold;padding:8px 0;text-align:left;margin:40px 0px 0px 40px;font-family:"Raleway", sans-serif;}
h2 {color:rgb(31,73,125);font-size:1.375em;font-weight:normal;margin-top:8px;text-align:left;}
h3 {color:rgb(31,73,125);font-size:1.125em;font-weight:normal;margin-top:16px;margin-left:10px; margin-right:10px;text-align:left;}
.img-infobox {width:100%; height:auto;border-radius: 25px;-moz-border-radius: 25px;-webkit-border-radius: 25px;}
.img-detailed-info {float:left;width:300px; height:auto;margin: 10px;border-radius: 25px;-moz-border-radius: 25px;-webkit-border-radius: 25px;}
.img-training {width: 250px;}
img.logo {float: left;padding:0;width: auto;height:190px;}
li.training {list-style:square;margin-left: 300px;}/**margin verhindert verschwinden der Aufzählungszeichen hinter Bild wegen float:left**/
img.gunnar {float: right;padding:0;margin-left:1em; width: auto;height:256px;margin-top:12px;margin-right:48px; border-radius: 25px;-moz-border-radius: 25px;-webkit-border-radius: 25px;}
img.icon {width:50px; height:auto;}
img.projectplan {margin: 1%;border:1px solid ##00748c;width:98%;text-align:center;}
.safemail::after {content:"-daehne@gdmpc.com";}
p {margin: 10px;}
p.justify {text-align:justify;}
p.right {text-align:right;}
table {margin:0 auto;}
.td-top {vertical-align: top;}
.safemail::after {content:"@gdpmc.de";}
#toggleNav {display: none;}/*Toggle Hauptmenü der Mobilversion ausblenden*/

/***Media-Queries***/
@media only screen and (max-width: 1023px) {
header {height: 100px;}
.wrapper-header {width: 667px;}
.wrapper-nav {height: auto;clear: both;width: 667px;}
.wrapper_main {background: none;background-color:rgb(204,204,204);min-width: 667px;}
.info {width:667px;margin:0 auto;}
.infobox {width: 667px;min-height:150px;}
.infobox1 {margin-left:0;}
.introduction {height: 150px;}
.main-info {min-width:667px;min-height:400px;}
.display-none {display:none;}
img.logo {width: auto;height:90px;}
#toggleNav {display: inline-block;clear:both;}
a.toggle-nav { /*Button*/background: #221b5b;color: #FFF;cursor: pointer;display: inline-block;padding: 0.3em;position: absolute;right: 120px;text-decoration: none;top: 0.5em;}
a.toggle-nav:hover {background: #003a46;border: thin solid rgb(16,37,63);}
#navMain:target {/*Anker*/display: block;height: 210px;}
nav.main-menu ul {width:100%;}
nav.main-menu li {float:none;}
.img-infobox {display:none;}
li.training {margin-left: 30px;}
p {margin: 5px;}
}

@media only screen and (max-width: 667px) {
.wrapper-header {width: 360px;}
.wrapper-nav {width: 360px;}
.wrapper_main {min-width: 360px;}
.info {width:360px;}
.infobox {width: 360px;}
.introduction {height: 250px;}
.main-info {min-width:360px;}
.infobox-height {height:4em;}/**Ich freue mich auf Ihre Anfrage 2spaltig**/
a.toggle-nav {right: 100px;}
}

@media only screen and (max-width: 360px) {
.wrapper-header {width: 300px;}
.wrapper-nav {width: 300px;}
.wrapper_main {min-width: 300px;}
.info {width:300px;}
.infobox {width: 300px;}
.main-info {min-width:200px;}
a.toggle-nav {right: 40px;}
}

/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v49-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v49-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v49-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v49-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v49-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v49-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}