@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../font/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url(../font/MaterialIcons-Regular.woff2) format('woff2'),
        url(../font/MaterialIcons-Regular.woff) format('woff'),
        url(../font/MaterialIcons-Regular.ttf) format('truetype');
}

.bg-kupona {
	background:rgba(251,171,24,0.9);
	}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}


body {
    margin-top:80px;
	background-image:url(../img/stripe-bg.png);
	background-repeat:repeat;
  }

h1, h2, h3, h4, .navbar-nav {
	font-family: 'Oswald', sans-serif;
}

.navbar-nav {
	font-size: 1.3rem;
}

.row {
    background-color: white;
    margin: 100px 0;
    padding: 10px 0;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,  .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	padding-right: 3%!important;
    padding-left: 3%!important;
}

.col-md-4 {
	padding-right: 3%!important;
    padding-left: 3%!important;}

.jumbotron {
    padding: 1rem 1rem;}

.jumbotron h1 {
    text-align:center;
	font-size:70px;
	color:white;
	font-weight:bold;
	 text-shadow: 1px 1px 3px #ddd, -1px -1px #888;
}

.jumbotron p {
    text-align:center;
}

.section {
	font-size: 2.5rem;
	text-align:center;
	width:100%;
	border-bottom:3px solid rgba(251,171,24,0.8);
	margin:0 auto;
	padding-bottom:10px;
	margin-bottom:30px;	
	color:rgba(251,171,24,0.8);
	padding-top:0px;
	}


.contact-menu {
    position:fixed;
    top:80%;
    right:0;
    /*background:#69a6e4;*/
	background:rgba(251,171,24,0.8);
    padding:0.75em 0.25em 0.5em;
	border-radius:10px 0 0 10px;
	transition-timing-function: ease-out;
	transition-timing-function: cubic-bezier(0,0,0.58,1);
	transition:0.7s;
}

.contact-menu a {
    color:#FFF;
    display:block;
	transition-timing-function: ease-out;
	transition-timing-function: cubic-bezier(0,0,0.58,1);
	transition:0.7s;
	padding-right:10px;
}

.contact-menu a:hover {
    color:#FFF;
    display:block;
	padding-right:40px;
	transition-timing-function: ease-out;
	transition-timing-function: cubic-bezier(0,0,0.58,1);
	transition:0.7s;
}

.contact-menu ul {
    list-style: none;
    margin:0px;
    padding:0px;
}


footer {
	text-align: right;
}

.btn{
	max-height:42px;
	margin-bottom:7px;
	border-bottom:1px solid #444;
	transition:0.3s;
	transform-style: preserve-3d;
	-webkit-transform: perspective(0px) rotateX( 1deg);
    -moz-transform: perspective(0px) rotateX( 1deg);
    -ms-transform: perspective(0px) rotateX( 1deg);
    transform: perspective(0px) rotateX( 1deg);
	padding-top:6px;
	transition-timing-function: ease-in;
	text-decoration:none;
}

.btn-secondary:hover{
	-webkit-transform: perspective(80px) rotateX( 7deg);
    -moz-transform: perspective(80px) rotateX( 7deg);
    -ms-transform: perspective(80px) rotateX( 7deg);
    transform: perspective(80px) rotateX( 7deg);
	transform-origin: 50% 40%;
	border-bottom: 7px solid #444;
	margin-bottom:0px;
	transform-style: preserve-3d;
	transition:0.3s;
	margin-top:-7px;
	padding-top:3px;
	transition-timing-function: ease-out;
}

#wiederspruch {
	background-color:#F44!important;
	border-color:#900;
	}

.littlebit {
	padding-left:2.5%;
	}

.mediumbit {
	padding-left:5%;
	}

.maxbit {
	padding-left:10%;
	}
	
.maxbit li {
	margin-bottom:20px;
	color:rgba(251, 171, 24, 0.8);
}
.maxbit li p {
	color:#000;
}

p a, li a {
	color:rgba(251, 171, 24, 0.8);
	text-decoration:underline;
	}
	
.nav-link {
	text-decoration:none!important;
	}

p a:hover, li a:hover {
	color:#666;
}

ul li ul li, ul li ul li p {
	color:#999!important;
	}

@media (min-width: 768px) {
.navbar-expand-md {
	padding-left: 12%!important;
    padding-right: 12%!important;
	}
}

