@import url('https://fonts.googleapis.com/css2?family=Georama:wght@200;300&display=swap');

:root {
	--bg-header: #FFFFFF;
	--go-background: #FFFFFF;
	--go-pink: #FF7276;
	--go-gray: #f2f2f2;
	--menubar-height: 160px;
	--slidebar-height: 700px;
	--slidebar-height-mob: 160px;
	--sidebar-width: 200px;
}

html, body { background: var(--go-background); max-width: 1920px; margin: 0 auto; font-family: 'Georama', sans-serif; }

body { max-width: 1920px; margin:auto; }
strong { font-weight: 700; }
h1, .h1, h2, .h2, h3, .h3 { letter-spacing: 1.5px; }
.lead { font-weight: 400; }
.go-pink { color: var(--go-pink); }
.bg-gray { background-color: var(--go-gray); }
section { padding: 50px 0; }
section.narrow { padding:0;}
.angle-5 { transform:rotate(-5deg); -ms-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -o-transform:rotate(-5deg); }
.angle5 { transform:rotate(5deg); -ms-transform:rotate(5deg); -moz-transform:rotate(5deg); -webkit-transform:rotate(5deg); -o-transform:rotate(5deg); }

ul.list {  list-style: none;  }
ul.list li { font-size: 1.2rem; }
ul.list li:before {	font-family: 'FontAwesome'; content: "\f00c"; top:0; margin-left: -30px; padding-right: 12px;}

ol.list li {  padding-left: 15px; font-size: 1.4rem; font-weight: bold;}
ol.list li small { font-weight: normal; }

a.cta, button.cta { font-size: 1.5rem; border-radius: 0; padding-top:30px; padding-bottom:30px;}
a.cta i, button.cta i { margin-right: 20px; }
a.plain { color: var(--bs-body-color); text-decoration: none; }

/* The side navigation menu */
#openSidenav { margin-right: 30px;  }
.sidenav { height: 100%;  width: 0; position: fixed; z-index: 1; top: 0; right: 0; background-color: #000; overflow-x: hidden; padding-top: 60px; transition: 0.5s;box-shadow: 0.5rem 0 1rem rgba(0,0,0,.35)!important; }
.sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #a2a2a2; display: block; transition: 0.3s; }
.sidenav span { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; display: block;border-bottom:1px solid #343434; }
.sidenav a:hover { color: #f1f1f1; }
.sidenav.menuopen { width:500px; }
.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}

ul#sidebar { width: 100%; background-color: #010101; height: var(--slidebar-height); list-style: none; padding-left: 0; }
ul#sidebar li { font-size: 1.2rem; border-bottom: 1px solid #343434; width:100%;}
ul#sidebar a { text-decoration: none; line-height: 139px; text-align: center; color: #787878;}
ul#sidebar a:hover > li, ul#sidebar a:active > li { background-color: #101010; color: #f2f2f2;}

div.list-group { border-radius: 0; }
div.list-group a.list-group-item { height: 140px; padding: 65px 0 0 0; text-align: center; background-color: #010101; font-family: 'Georama', sans-serif; letter-spacing: 1px; color: #787878; border: 0; border-bottom: 1px solid #343434;}
div.list-group a.list-group-item:hover {background-color: #101010; color: #f2f2f2;}
div.list-group a.list-group-item i { position: absolute; top:30px; left: calc(55% - 20px); color: #a0a0a0; font-size: 1.5rem; }

section#menubar { transition: 0.3s;height: var(--menubar-height); background-color: var(--bg-header);border-bottom:1px solid #343434; }
section#menubar img#logo { margin-top: 20px; max-height: calc(var(--menubar-height) - 40px);transition: 0.3s; }
section#menubar #openSidenav {  transition: 0.3s;}
section#menubar h2 { margin-top:10px;font-weight:normal; font-size: 22px; }
section#menubar h3 { font-weight:normal; font-size: 18px; }
section#menubar a, section#menubar a:hover { text-decoration:none; }
section#menubar .logotekst {  transition: 0.3s; font-size:30px; font-weight:bold; letter-spacing: 2px; padding: 45px 0 0 10px; line-height: 35px;float:left; text-transform: uppercase;}
section#menubar.zoom .logotekst { font-size:18px; line-height: 22px; padding: 20px 0 0 10px; }
section#menubar.zoom img#logo { margin-top: 10px;max-height: calc((var(--menubar-height) - 40px) * 0.55); }
section#menubar.zoom #openSidenav { zoom: 55%; margin-top: 1rem !important; }
section#menubar.zoom { height: calc(var(--menubar-height) * 0.55); }

section#slider {height: var(--slidebar-height); background-color: #323232; }
section#slider #mySlider, section#slider .carousel-inner {height: var(--slidebar-height); }
section#slider .carousel-item img { filter: opacity(100%); }
section#slider .carousel-caption { bottom: 0; top: 450px; text-align: right; }
section#slider .carousel-caption.tt { top: 50px; }
section#slider .carousel-caption h5 { font-size: 34px; letter-spacing: 2px; color: var(--go-pink); font-weight: bold;  }
section#slider .carousel-caption p { font-size: 24px; letter-spacing: 1px; }

.usp { background-color: var(--go-pink); color: #f2f2f2; }
.usp item { font-weight: bold; letter-spacing: 2px; }
.usp small { margin-bottom: 45px !important; }

footer { background-color: #343434; padding: 40px 0; color: #f2f2f2;}
footer h5 { color: #ffffff; font-weight: bold; }
footer a { color: #c2c2c2; text-decoration: underline; }
footer a:after { content: '\A'; white-space: pre; }
footer a:hover { color: #ffffff; text-decoration: underline; }


@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

@media (max-width: 992px) { 
	section#menubar { height: 150px; padding-top: 10px; padding-bottom:10px; background-position: top 0 right -25px;  }
	#openSidenav { margin-right: 20px; margin-top: 10px !important; padding: 0.5rem !important; }
	#openSidenav i.fa-3x { font-size:2em; }
	section#menubar #btnMenu { height: 40px; width:40px; margin-top:20px; padding:0 !important; }
	section#menubar #btnMenu i { font-size:1em; }
	section#menubar img.logo { max-height: 60px; width:auto; }
	.sidenav.menuopen { width:90%; }
	.sidenav a { font-size: 20px;}
	.sidenav span { font-size: 20px; }
	
	section#menubar .logotekst { font-size:18px; line-height: 22px; padding: 20px 0 0 10px; }
	section#menubar img#logo { margin-top: 10px;max-height: calc((var(--menubar-height) - 40px) * 0.55); }
	section#menubar #openSidenav { zoom: 55%; margin-top: 1rem !important; }
	section#menubar { height: calc(var(--menubar-height) * 0.55); }
	
	section#slider {height: var(--slidebar-height-mob); }
	section#slider #mySlider, section#slider .carousel-inner {height: var(--slidebar-height-mob); }
	section#slider .carousel-caption { top: 170px; text-align: right; }
	section#slider .carousel-caption.tt { top: 170px; }
	section#slider .carousel-caption h5 { font-size: 24px; }
	section#slider .carousel-caption p { font-size: 11px; }
}

// Large devices (desktops, 992px and up)
@media (min-width: 1200px) {
}

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1201px) {
}