/*
@Bereich:   Custom Styling
*/

/* ==========================================================================
1 | Normalize, Resets and Shorthands
========================================================================== */
/* Disabled Look and no click-events */
.disabled {
    pointer-events: none;
    opacity: 0.5;
}

/* Invisible Content, but readable fpr screenreaders and bots */
.visuallyhidden {
    position: absolute;
    width: 1px; /* Setting this to 0 make it invisible for VoiceOver */
    height: 1px; /* Setting this to 0 make it invisible for VoiceOver */
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.previewbox{
    background: #fc4000;
    border: 1px solid #fff;
    color: #ffffff;
}
.videoWrapper {
  display:flex;
  justify-content: center;
  margin:60px auto;
}
/* ==========================================================================
2 | Base Design Classes
========================================================================== */
/* Webfonts */
@font-face {
    font-family: 'Sonderfont';
    src: url('file:///L:/_Responsive-Webdesign/00trainer/Vorlage-Projekt2/fonts/3dfont/3Dumb-webfont.eot');
    src: url('file:///L:/_Responsive-Webdesign/00trainer/Vorlage-Projekt2/fonts/3dfont/3Dumb-webfont.eot?#iefix') format('embedded-opentype'),
         url('file:///L:/_Responsive-Webdesign/00trainer/Vorlage-Projekt2/fonts/3dfont/3Dumb-webfont.woff') format('woff'),
         url('file:///L:/_Responsive-Webdesign/00trainer/Vorlage-Projekt2/fonts/3dfont/3Dumb-webfont.ttf') format('truetype'),
         url('file:///L:/_Responsive-Webdesign/00trainer/Vorlage-Projekt2/fonts/3dfont/3Dumb-webfont.svg#Sonderfont') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Base Styles */
body, p, td, ul, li{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	height: 100%;
}
body {
	background-color: #fcddaf;
	/* Lokaler Testpfad */
	background: url(img/back-test.jpg) repeat-x fixed #9e9a9b;	/* Online-Pfad
	background-image: url(/img/back-test.jpg);
	*/
}
/* Auswahlfarbe */
body ::selection{
    color:      #fff;
    background: #213358;
}
body ::-moz-selection{
    color:      #fff;
    background: #213358;
}
.sponsorLogos {
  width:100%;
  margin:15px 0;
  display:block;
}
.sponsorLogos p {
  font-weight: 100;
  font-size:1em;
  width:100%;
  color:#666;
}
.sponsorLogos .flexbox {
  display:flex;
  justify-content: center;
  align-items: center;
  flex-wrap:wrap;
  padding:15px;
  background:#fff;
}
.sponsorLogos .flexItem {
  width:15%;
}
/* HELPER */
.previewbox{
	background: #f3f1ec;
	border: 0px solid #454545;
	color: #cdcbcb;
}
.centered{
    text-align: center;
}
.p20{
    padding: 20px !important;
}
.p0{
	padding:0px !important;
}
/* definierte höhe für egal welches element, z.b. abstände */
/* Große Version */
.dh1{
	line-height: 30px;
}
/* Tablet Version */
@media only screen and (max-width: 770px) {
	.dh1{
		line-height: 20px;
	}
}
/* Handy Versio n*/
@media only screen and (max-width: 320px) {
	.dh1{
		line-height: 10px;
	}
}

/* Hauptnavigation - Hintergrundfarbe*/
.pretty.navbar {
	/* Farbe zu Farbe Farbverlauf*/
	background-image: linear-gradient(#7cc2c3, #7cc2c3, #7cc2c3);
	/* Schatten */
	box-shadow: 0 0px 0px #ffffff inset, 0 0px 0px rgba(0, 0, 0, 0.8) !important;
}
/* Hauptnavigation - Hintergrundfarbe (onmouseover) */
.gumby-no-touch .navbar ul li:hover > a, .gumby-touch .navbar ul li.active > a {
	background: none repeat scroll 0 0 #464646;
}
/* Hauptnavigation - Schriftart */
#nav4 li{
	font-family: Arial, Helvetica, sans-serif;
}
/* Hauptnavigation - Schriftfarbe */
#nav4 li a{
	color: #ffffff;
}

/*  Unternavigation - Hintergrundfarbe */
.gumby-no-touch .navbar li .dropdown ul li a {
	background: none repeat scroll 0 0 #ffffff;
	color: #ffffff !important;
}

/*  Unternavigation - Hintergrundfarbe und Schriftfarbe onmouseover */
.gumby-no-touch .navbar li .dropdown ul li a:hover {
	background: none repeat scroll 0 0 #ffffff;
	color: #000000 !important;
}

/* Unternavigation - (Dropdownmneü) - Schriftart */
#nav4 li li{
	font-family:  Arial, Helvetica, sans-serif
}

/* Unternavigation - (Dropdownmneü) - Rahmenlinie unten, etc. */
.navbar li .dropdown ul > li a {
	border-bottom: 1px solid #cccccc;
	text-shadow: none;
}


/* ==========================================================================
3 |  Design Classes
========================================================================== */
h1{
	font-family: 'Sonderfont', Arial, Helvetica, sans-serif
}
h2{
	font-family: 'Sonderfont', Arial, Helvetica, sans-serif
}
h3{
	font-family: 'Sonderfont', Arial, Helvetica, sans-serif
}

/* Responsive Lightbox */
.gallery {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.gallery li {
	float: left;
	margin: 4px;
}

/* Link Styling advanced optic and mobile optimised */
#content a {
    text-decoration: none;
    color: #36415d;
    transition: all 0.3s ease-out;
    position: relative;
    padding: .5em;
    margin: -.5em;
}
#content a:hover { color: #536184; }

/* HEADER-VARIANTE 1 - Ohne Slider, 2 Logogrößen */
#headergross{
	line-height:0px;
}
#headerklein{
	display:none;
	line-height:0px;
}

@media only screen and (max-width: 500px) {
	#headergross{
		display:none;
	}
	#headerklein{
		display:block;
 	}
  .sponsorLogos .flexItem {
    width:50%;
  }
}

/* HEADER-VARIANTE 1 - Mit Slider, 2 Bildgrößen */
.swiper-container {
	width: 100%;
	height: 100%;
	line-height:0px;
}
.swiper-container div{
	line-height:0px;
}
.swiper-slide {
	background-position: center;
	background-size: cover;
}

.navbar {
  margin-bottom: 0;
}

/* ==========================================================================
4 | Form Classes
========================================================================== */


/* ==========================================================================
5 | Print Classes
========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
