﻿/*#############  Paw Therapy - Dekor Labor 2023

		green		#009965
		brown		#3d2106
		red			#d84c42
		lightred	#ed6a5b
		
#############*/

/*general #####################################################################################*/
body {font-family: Lato, Arial, Helvetica, sans-serif;background:#fff;color:white;font-size: 17px;font-weight:normal;}

*{margin:0;padding:0;}

@font-face {font-family:Bebas Neue Bold;font-weight:400;src:url("../fonts/BebasNeue-Bold.otf") format("truetype");}
@font-face {font-family:Lato;font-weight:400;src:url("../fonts/Lato-Regular.ttf") format("truetype");}


html {scroll-behavior: smooth;}

h1,h3,h5 {font-weight:normal;color:#3d2106;padding:10px 0 10px 0; font-family:Bebas Neue Bold, sans-serif;line-height:1.1em;}
h2,h4,h6 {font-weight:normal;color:#009965;padding:10px 0 10px 0; font-family:Bebas Neue Bold, sans-serif;line-height:1.1em;}
h1,h2 {font-size:45px;}
h3,h4 {font-size:35px;}
h5,h6 {font-size:25px;}

p {padding:5px 0 15px 0;line-height:1.5em;}
ul {padding:15px 0 25px 0;line-height:1.5em;}
ul li {margin-left:35px;}
img {width:100%;}

.txt-right {text-align: right;}
.txt-center {text-align: center;}

table td {padding-right:15px;}

/*all #####################################################################################*/
.clearleft {clear:left;}
.clearright {clear:right;}
.clearboth {clear:both;}
.left {float:left;}
.right {float:right;}

.part-b {width:100%;background-color:#009965;padding:50px 0 50px 0;color:#fff;}
.part-w  {width:100%;background-color:#fff;padding:50px 0 50px 0;color:#3d2106;}
.part-w-o {width:100%;background-color:#fff;padding:0 0 0 0;color:#3d2106;}

.inside {max-width:1200px;margin:0px auto;overflow:hidden;}
.inside-m {max-width:1400px;margin:0px auto;overflow:hidden;}
.inside-w {max-width:100%;margin:0px auto;overflow:hidden;}

.separation {width:100%;overflow:hidden;}
.separation img {width:100%;margin-bottom:-4px;}

.box {display:block;text-align:center;}

/*Links/Buttons ######################*/
.mainnav a {margin-left:10px;text-decoration:none;}
.mainnav  a:link, .mainnav  a:visited {text-decoration:none;color:#3d2106;transition: 0.3s;}
.mainnav  a:hover,.mainnav  a:active, .mainnav  a.active  {color:#009965;transition: 0.3s;}


.part-b a, .part-b a:link, .part-b a:visited,.part-bb a, .part-bb a:link, .part-bb a:visited, .part-b-o a, .part-b-o a:link, .part-b-o a:visited,.part-bb-o a, .part-bb-o a:link, .part-bb-o a:visited {text-decoration:underline;color:white;transition: 0.3s;}
.part-w a, .part-w a:link, .part-w a:visited, .part-w-o a, .part-w-o a:link, .part-w-o a:visited {text-decoration:underline;color:#3d2106;transition: 0.3s;}

.part-b a:hover, .part-b a:active, .part-b a.active, .part-bb a:hover, .part-bb a:active, .part-bb a.active, .part-w a:hover, .part-w a:active, .part-w a.active,
.part-b-o a:hover, .part-b-o a:active, .part-b-o a.active, .part-bb-o a:hover, .part-bb-o a:active, .part-bb-o a.active, .part-w-o a:hover, .part-w-o a:active, .part-w-o a.active{color:#b90054;transition: 0.3s;}

.footnav  a:link, .footnav  a:visited {text-decoration:none;color:white;transition: 0.3s;}
.footnav  a:hover, .footnav  a:active, .footnav  a.active  {color:#6cbe99;transition: 0.3s;}

a#navBtn-o {background:#009965;color:white;transition:0.3s;text-decoration:none;cursor:pointer;border-radius: 30px 30px;}
a#navBtn-o:hover {background:#ed6a5b;color:white;transform: rotate(90deg);}
a#navBtn-c {background:#009965;padding:14px 15px 14px 15px;color:white;font-size:15px;transition:0.3s;text-decoration:none;cursor:pointer;border-radius: 30px 30px;}
a#navBtn-c:hover {background:#ed6a5b;color:white;}

a#topBtn {display:block;position:fixed;bottom:14px;right:14px;z-index:999;border-radius: 30px 30px;display:none;background:#3d2106;padding:13px 14px 13px 14px;color:white;font-size:12px;transition:0.3s;text-decoration:none;}
a#topBtn:hover {background:#5a3c23;color:white;}



a.meet, .meet {background:#3d2106;color:white;transition:0.3s;border-radius: 30px 30px;padding:14px;text-decoration:none !important;}
a.meet:hover, .meet:hover {background:#ed6a5b;color:white !important;cursor:pointer;}
a.meet i, .meet i {margin-right:10px;}

/*Infoboxen Slider RSS etc.######################*/
.alert {font-weight: bold;color:white;background:#d84c42;border-radius: 30px 30px;}
.alert-txt {color:#b90054;font-weight:bold;}

#slideshow {position:relative;}
#slideshow img {position:absolute;height:100%;object-fit: cover;object-position: 50% 50%;z-index:8;}
#slideshow img.active {z-index:10;}
#slideshow img.last-active {z-index:9;}
.slider-frame {width:100%;height:100%;position:absolute;top:0;z-index:11;}
.slider-frame img {width:100%;height:100%;}


/*Header ######################*/
#header {width:100%;z-index:101;background:rgba(255, 255, 255, 0.9);}
#logo:hover {opacity:0.9;transition: 0.3s;}
.nbr {}


/*Container ######################*/


/*Footer ######################*/
#footer  {min-height:300px;background-color: #009965;}
#logofoot {width:60px;height:60px;display:block;background-image:url("../files/paw-therapy-logo-foot.png");background-repeat:no-repeat;background-size:60px auto;transition: 0.3s;}
#logofoot:hover {opacity:0.7;transition: 0.3s;}
.footnav a {margin-right:15px;font-size:18px;color:#005B98;}
.footnav {margin-bottom:15px;}
.copy{font-size:15px;margin-bottom:25px;}





