@font-face {
	font-family: Montserrat;
	src: url("php/Montserrat-Medium.ttf");
}

@font-face {
	font-family: Montserrat;
	src: url("php/Montserrat-Light.ttf") format('truetype');
	font-weight: 100;
}

@font-face {
	font-family: Montserrat;
	src: url("php/Montserrat-Bold.ttf") format('truetype');
	font-weight: 700;
}
/*
	src: url("php/Montserrat-Black.ttf");
	src: url("php/Montserrat-BlackItalic.ttf");
	src: url("php/Montserrat-Bold.ttf");
	src: url("php/Montserrat-BoldItalic.ttf");
	src: url("php/Montserrat-ExtraBold.ttf");
	src: url("php/Montserrat-ExtraBoldItalic.ttf");
	src: url("php/Montserrat-ExtraLight.ttf");
	src: url("php/Montserrat-ExtraLightItalic.ttf");
	src: url("php/Montserrat-Italic.ttf");
	src: url("php/Montserrat-Light.ttf");
	src: url("php/Montserrat-LightItalic.ttf");
	src: url("php/Montserrat-Medium.ttf");
	src: url("php/Montserrat-MediumItalic.ttf");
	src: url("php/Montserrat-Regular.ttf");
	src: url("php/Montserrat-SemiBold.ttf");
	src: url("php/Montserrat-SemiBoldItalic.ttf");
	src: url("php/Montserrat-Thin.ttf");
	src: url("php/Montserrat-ThinItalic.ttf");
*/
html {
	user-select: none;
	height: 100%
}

body {
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
	font: 14px Montserrat, sans-serif;
	color: #333333;
	height: 100%;
}

a {
	text-decoration: none;
}

img {
   	border: 0px;
}

h1, h2, h3, h4 {
	font-weight: unset;
	font-size: unset;
	margin: unset;
}

:root {
	--orange: #FECD1A;
	--lightgray: #F0F0F0;
	--blue: #019CE0;
	--red: #CC081E;
}

.placeholder::-webkit-input-placeholder {
	font-size: 16px;
}

.placeholder_mobil::-webkit-input-placeholder {
	font-size: 30px;
}

.buttonblue {
	height: 40px; 
	width: 120px; 
	background-color: var(--blue); 
	border: none; 
	border-radius: 5px; 
	color: white; 
	font-size: 16px; 
	font-weight: 700;
	cursor: pointer;
	box-shadow: 2px 2px 2px lightgrey;
}

.buttonbluemobil {
	height: 80px; 
	width: 240px; 
	background-color: var(--blue); 
	border: none; 
	border-radius: 10px; 
	color: white; 
	font-size: 30px; 
	font-weight: 700;
	cursor: pointer;
	box-shadow: 2px 2px 2px lightgrey;
}

.buttonroundblue {
	height: 40px;
	width: 40px;
	background-color: var(--blue);
	border: none;
	border-radius: 100%;
	color: white;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	box-shadow: 2px 2px 2px lightgrey;
}

.buttongray {
	height: 40px; 
	width: 120px; 
	background-color: #C0C0C0; 
	border: none; 
	border-radius: 5px; 
	color: white; 
	font-size: 16px; 
	font-weight: 700;
	cursor: pointer;
	box-shadow: 2px 2px 2px lightgrey;
}

.buttongraymobil {
	height: 80px; 
	width: 240px; 
	background-color: #C0C0C0; 
	border: none; 
	border-radius: 10px; 
	color: white; 
	font-size: 30px; 
	font-weight: 700;
	cursor: pointer;
	box-shadow: 2px 2px 2px lightgrey;
}

.buttonred {
	height: 40px;
	width: 120px;
	background-color: var(--red);
	border: none;
	border-radius: 5px;
	color: white;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	box-shadow: 2px 2px 2px lightgrey;
	}

.buttonredmobil {
	height: 80px;
	width: 240px;
	background-color: var(--red);
	border: none;
	border-radius: 10px;
	color: white;
	font-size: 30px;
	font-weight: 700;
	cursor: pointer;
	box-shadow: 2px 2px 2px lightgrey;
	}

.inputmobil {
	height: 40px;
	font-size: 28px;
}

.buttonorange {
	height: 40px; 
	width: 120px; 
	background-color: var(--orange); 
	border: none; 
	border-radius: 5px; 
	color: black; 
	font-size: 16px; 
	font-weight: 700;
	cursor: pointer;
	box-shadow: 2px 2px 2px lightgrey;
}

.buttonwhite {
	height: 40px; 
	width: 120px; 
	background-color: transparent; 
	border: 2px solid white; 
	border-radius: 5px; 
	color: white; 
	font-size: 16px; 
	font-weight: 700;
	cursor: pointer;
}

.buttonborder {
	height: 40px; 
	width: 120px; 
	background-color: transparent; 
	border: 1px solid #C0C0C0; 
	border-radius: 5px; 
	color: black; 
	font-size: 16px; 
	font-weight: 700;
	cursor: pointer;
}

.divroundwhite {
	height: 18px; 
	width: 18px; 
	background-color: #FFFFFF; 
	border: none; 
	border-radius: 100%; 
	color: #000000; 
	font-size: 10px; 
	font-weight: 100;
	margin-right: 10px;
}

.headertop a {
	color: #000000;
}

.headertop a:hover {
	font-weight: bold;
}

.headermenu a:hover {
	font-weight: bold;
}

.headerbottomlink {
	display: flex; 
	justify-content: center; 
	align-items: center; 
	height: 30px; 
	border-bottom: 3px solid #FFFFFF; 
	margin-left: 30px; margin-right: 30px; 
	font-weight: 500;
	color: #000000; 
}

.headerbottomlink a {
	color: #000000; 
}

.headerbottomlink a:hover {
	display: flex; 
	justify-content: center; 
	align-items: center; 
	height: 30px; 
	border-bottom: 3px solid var(--blue); 
	font-weight: 700; 
	color: var(--blue);
}

.headerbottomlinkmobil {
	display: flex; 
	justify-content: center; 
	align-items: center; 
	height: 60px; 
	border-bottom: 3px solid #FFFFFF; 
	margin-left: 30px; margin-right: 30px; 
	font-weight: 500;
	color: #000000; 
}

.headerbottomlinkmobil a {
	color: #000000; 
}

.headerbottomlinkmobil a:hover {
	display: flex; 
	justify-content: center; 
	align-items: center; 
	height: 60px; 
	border-bottom: 3px solid var(--blue); 
	font-weight: 700; 
	color: var(--blue);
}

.opacitytoggle {
	opacity: 0.3;
}

.whitelink {
	font-weight: 100;
	font-size: 13px;
	color: #FFFFFF;
}

.whitelink a {
	font-weight: 100;
	color: #FFFFFF;
}

.whitelink a:hover {
	font-weight: 500;
}

.grayheader {
	font-weight: bold;
	font-size: 16px;
	color: #A0A0A0;
}

.whitelinkmobil {
	font-weight: 100;
	font-size: 24px;
	color: #FFFFFF;
}

.whitelinkmobil a {
	font-weight: 100;
	color: #FFFFFF;
}

.whitelinkmobil a:hover {
	font-weight: 500;
}

.grayheadermobil {
	font-weight: bold;
	font-size: 36px;
	color: #A0A0A0;
}

.test div {
	border: 1px solid #FF0000;
}

.modultitel {
	font-weight: 700;
	font-size: 43px;
	margin-top: 25px;
	margin-bottom: 25px;
}

.modulinfo {
	font-size: 20px;
}

/*////////////////////////////////
// 	Slideshow
/////////////////////////////////*/

#slideshowcontainer {
    overflow:hidden;
    position:relative;

    display:flex;
    justify-content:center;
    align-items:center;

	width: 100%;

    user-select:none;
}

#slideshowmask{
    grid-column-start: 1;
    grid-column-end : 4;
    grid-row-start: 1;
    grid-row-end: 3;

    clip-path:inset(0px 0px 0px 0px);

    pointer-events:none;
}

#slideshowgrid{

    display:grid;    

    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 1fr 50px;
}

#slideshowimagecontainer{

    grid-column-start: 1;
    grid-column-end : 4;
    grid-row-start: 1;
    grid-row-end: 3;

    z-index: 0;
}

#slideshowimagecontainer img {

    width:100%;
    height:auto;
}

#slideshowpause{

    grid-column-start: 3;
    grid-column-end : 4;
    grid-row-start: 2;
    grid-row-end: 3;

    z-index:3;
}

#slideshowpause > img {
    width:100%;
    opacity: 0.4;
}

#slideshowarrowleft{

    grid-column-start: 1;
    grid-column-end : 2;
    grid-row-start: 1;
    grid-row-end: 3;

    z-index:2;
}

#slideshowarrowleft > img, #slideshowarrowright > img {

    width:100%;
    opacity: 0.4;
}

#slideshowarrowright{

    grid-column-start: 3;
    grid-column-end : 4;
    grid-row-start: 1;
    grid-row-end: 3;

    z-index:2;
}

.slideshowflex{

    display:flex;
    justify-content:center;
    align-items:center;
}

/* IMPRESSUMINFO.php */

.impressuminfotext {
	font-weight: bold;
}

.impressumtiteltext {
	text-align: right;
}
/*------------------*/

input::-webkit-input-placeholder {
	color:#d1d1d1;
	font-size:16px;
	font-family: Montserrat;
}

input::placeholder {
	color: #d1d1d1;
	font-size:16px;
	font-family: Montserrat;
}

textarea::-webkit-input-placeholder {
	color:#d1d1d1;
	font-size:16px;
	font-family: Montserrat;
}

textarea::placeholder {
	color: #d1d1d1;
	font-size:16px;
	font-family: Montserrat;
}

.inputerror {
	border: 3px solid var(--red);
}

/*-------------------*/

/* filialeninfo.php */

#schnellauswahlfilialen * {
	color: lightgrey;
}

#schnellauswahlfilialen *:hover{
	color: var(--blue);
}

/*------------------*/

/* Messagebox bottom.php */
/*
#messagebackground {
  position: absolute;
  left:0;
  top:0;
  z-index:2000000;
  background-color:#000000;
  display:none;
}
  
#messagebox {
  position: fixed;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:2000000;
  padding:10px;
  background-color:#ffffff;
}

.messagebox_button {
	width: 120px;
	display: none;
}

#messagebox_ja {
	margin-left: 20px;
}

#messagebox_ok {
	margin-left: 20px;
}
*/